Membuat Button Keren Dengan CSS3

Membuat Button Keren Dengan CSS3 - Assalamualaikum sobat, :D Seharian blog walking ke blog teman, saya mendapat suatu hidayah lagi nih. Membuat Button Keren Dengan CSS3 yapss, yups :D memodifikasi button atau tombol dengan kode CSS3. Sebenarnya sih bukan memodifikasi, lebih tepatnya memasang tombol atau button bergaya CSS3. Untuk DEMO nya, silahkan sobat lihat di akhir tutorial ^^

Tanpa basah basih :D

1. Login ke Blogger.com
2. Klik bagian Template > Edit HTML > centang Expand Widget Templates
3. Tambahkan kode script diberikut diatas kode ]]></b:skin>

.bt{
background:white;
border:1px solid #FF8C00;
border-radius:9px;
padding: 6px 8px 4px 8px;
color:black;
font-family:Arial;
font-size: 10px;
font-weight:bold;
letter-spacing: -1px;
font-style: italic;
text-transform: uppercase;
text-align: left;
}
.bt:hover{background:#FF8C00;}

Simpan.
Nah untuk penggunaan /  membuat tombolnya pada postingan atau dimanapun, gunakan kode berikut dan letakkan di mana sobat ingin menampilkan button ini.

<button class="bt"> Contoh Button CSS3 </button>

Catatan :
   Contoh Button CSS3 ganti dengan Teks yang akan ditampilkan pada button

Lihat DEMO penggunaan di bawah ini

  
Bagaimana Keren Bukan sobat ? ^^ Silahkan mencoba dan Selamat Mengutak atik sob ^^

Keyword - Membuat Button Keren Dengan CSS3