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