Cara Membuat Tombol Button Keren Dengan CSS

Cara Membuat Tombol Button Keren Dengan CSS - Ini bisa jadi alternative untuk mempercantik tampilan blog sahabat.Tombol button dengan css perhatikan gambar disamping.Baiklah tanpa basa-basi lebih baik kita kelangkah pemasangan nya saja perhatikan langkah-langkah nya dibawah ini mari simak ^_^

1.Login Blogger Pastinya
2.Pilih Template - Edit HTML
3.Cari Kode ]]></b:skin> 
4.Setelah Ketemu Letakan CSS Dibawah Ini Diatas ]]></b:skin>

.awesome,.awesome:visited{background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXaX9XSB4wCpJW2b604UT_YP2xYrxNmuxf8VQYGctt4mdCfuIv2DpSJet2RDzgYAOyam76YLxAhDrQTL93tPXqw760nYZkgEbZCWUKe_uG3PCXYNXnPUNg1Oha1Q7y_esXcVMqQNGPtoQ/s1600/alert-overlay.png) repeat-x;display:inline-block;padding:5px 10px 6px;color:#fff;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;font-family:Calibri,Arial,sans-serif}
.awesome:hover{background-color:#111;color:#fff}
.awesome:active{top:1px}
.small.awesome,.small.awesome:visited{font-size:18px;padding:}
.awesome,.awesome:visited,.medium.awesome,.medium.awesome:visited{font-size:24px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25)}
.blue.awesome,.blue.awesome:visited{background-color:gold}
.blue.awesome:hover{background-color:beige}
.orange.awesome,.orange.awesome:visited{background-color:#ff5c00}
.orange.awesome:hover{background-color:#d45500}

5.Save Template..!!

• Mudahkan,Sekarang Kita Masuk Ketahap 2,Pergi Ke Tata Letak Lalu Pilih Add Widget/Tambah Gadget.

Masukan Kode Dibawah Ini :
<div style="text-align: center;">
<a class="small blue awesome" href="http://www.http://www.cobainfo.com/">JUDUL BUTTON ANDA</a><br />
<br /></div>

Catatan :

• Kode Berwarna Merah Ganti Dengan URL Yang Anda Inginkan

• Kode Berwarna Hijau Ganti Dengan Judul Button Anda 

• Kode Berwarna Biru Adalah Ukuran Button,Anda Bisa Mengganti Ukuran Tersebut Misal Medium

*Untuk Menentukan Warna Button Anda Bisa Melihat Settingan Nya Pada Kode CSS Yang Tadi Anda Tambahkan Diatas

]]></b:skin>,small blue asesome Pada Kode Diatas Menandakan Button Anda Berwarna Biru Ubahlah Sesui Keinginan Anda.

Sekian Dan Selamat Mencoba