Kali ini C.arjem mau menjelaskan & berbagi tentang bagaimana cara membuat icon di samping judul postingam yang sanggup muncul saat di sorot cursor & menghilang saat cursor tidak lagi di atasnya , gimana penasaran kan ?? hehehehe.... tenang aja sobat C.arjem tak akan membiarkan hati sobat bertanya-tanya dan tutorial ini akan menjadi jawabanya.
- Pertama login ke blog sobat
- Ke dua masuk rancangan Edit HTML
- Ke tiga cari kode ]]></b:skin> tekan ctrl+f untuk mepermudah pencarian
- Ke empat copy kode di bawah ini dan pastekan tepat di atas kode ]]></b:skin> .
h3.post-title{
padding-left:15px;
padding-right:8px;
display:inline-block;
background-position:4px 6px;
background-size:5px 5px;
text-decoration:none;
color:#C60000;
font-weight:500;
text-shadow:1px 1px 1px #000000;
transition:0.8s ease-in;
-o-transition:0.8s ease;-in;
-moz-transition:0.8s ease-in;
-webkit-transition:0.8s ease-in;
-ms-transition:0.8s ease-in;
}
h3.post-title:hover{
background:url(http://i1279.photobucket.com/albums/y529/coretan_arjem1/loading_zps0197b318.gif) no-repeat;
background-position:1px 2px;
background-size:15px 15px;
color:#F00000;
padding-left:22px;
padding-right:6px;
}
- Yang terahir save template danlihat hasilnya ( semoga bermanfaat )
Tidak ada komentar: