Membuat Tombol Dengan CSS Button Maker

 

Wow, Kereenn gan ..  Tombol dengan CSS3.

Contoh Button Gaol

#salah gaul 

Untuk membuat Button entu pertama-tama, Login Blogger, trus pilih Rancangan, Edit HTML ..

Lalu agan Copy paste CSS berikut, taruh di atas kode ]]></b:skin>

 .button {

   border-top: 1px solid #6e6e6e;
   background: #142d78;
   background: -webkit-gradient(linear, left top, left bottom, from(#349ad9), to(#142d78));
   background: -webkit-linear-gradient(top, #349ad9,#142d78);
   background: -moz-linear-gradient(top, #349ad9, #142d78);
   background: -ms-linear-gradient(top, #349ad9, #142d78);
   background: -o-linear-gradient(top, #349ad9, #142d78);
   padding: 3.5px 7px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #e8e8e8;
   font-size: 13px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #455fad;
   background: #455fad;
   color: #adadad;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

Keterangan,

• kode warna itu bisa di ganti dengan kode warna sesukamu.

#bingung ya .. XD. pasti tau lah.

Trus klick Simpan

untuk memakainya di link, tambahkan class='button' di kode linknya.. contohnya spt ini :

<a class="button" href="http://d-efr.blogspot.com/">Link</a>

Mudahh bukann.. hehehe

mau yang lebih mudah lagiii ??

Membuat tombol generator secara online sailahkan buka Button Maker

Setelahh itu silahkan buat tombol sesuai dengan selera agan uheuheue...

Selamat Mencoba ^_^