Membuat Tombol Dengan CSS Button Maker

 

Wow, Kreenn 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://AlpinJanitra.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...

Lihat Postingan tetangga sebelah, jadi ikutan posting XD