Membuat Tombol unik Di Blog Dengan CSS (Putih)

Bagi Kalian Blogger Yang Ingin Mempercantik Tampilan Blog Dengan Sebuah Tombol Tidak Ada Salahnya Mencoba Tombol Yang Satu Ini

tombol css

Mari Kita Coba Membuatnya! :D



Tombol CSS Yang Bewarna Dasar Putih

Untuk Membuat Tombol Seperti Gambar Disamping Kalian Harus Menaruh Kode Cssnya Diatas kode ]]></b:skin> (Edit HTML)


Kode CSSnya :

.myButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}.myButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}.myButton:active {
    position:relative;
    top:1px;
}

Dan Untuk Penggunaanya

<a href="#" class="myButton">my button</a>

Paste Di HTML/Javascript

Keterangan :
Warna Biru : Link Yang Dituju
Warna Merah : Nama Tombol

Selesai 
Untuk Warna-warna Yang Lainnya Menyusul!