Button Hover

Moshi moshi minna ^^ chiaki mau ngeposting tentang button nih, itu loh, seperti yang ada di page linkies chiaki, ^^ tapi, tuto ini tentang button hover nya yahhh ehehehee
nah, buat teman teman sekalian yang mau pasang juga di blognya, pertama harus edit di template kalian dulu yah.. untuk lebih jelasnya bisa ikuti step dibawah ^^
1. Login ke Blogger kalian
2. Dashboard > Template
3. Pilih edit HTML , jangan lupa expand widget template yahh
4. Cari kode ]]></b:skin>
5. Pastekan kode dibawah tepat di atas kode ]]></b:skin>
.chiakibutton {
background:url(url gambar untuk button1);
-moz-border-radius: 15px;
border-radius: 15px;
display:inline-block;
color:#000080;
text-indent:0;
border:1px solid #66c0ff;
font-size:12px;
font-style:normal;
height:30px;
line-height:30px;
width:100px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #addfff;
}
.chiakibutton:active {
position:relative;
top:1px;
}
.chiakibutton:hover {
background:url(url gambar button hover);
border:1px dashed #66c0ff;
}
6. Save template

Belum selesai loh ya, yang kode tadi cuma buat design buttonnya ajah ^^ , untuk cara pasangnya, kalian buat postingan, pada bagian HTML , pastekan kode dibawah
<a class="chiakibutton" href="url yang diinginkan">tulisan yang diinginkan</a>
Selesaikan postinganmu kemudian publish !!
semoga berhasil minna ^^
Terima Kasih Sudah Membaca , Tinggalkan Komentar juga ya ^^


No comments:

 
Related Posts Plugin for WordPress, Blogger...