Efek Hover Pada Popular Post

Kali ini saya akan Memberikan cara membuat efek hover pada popular post….dengan adanya hover ini maka tampilan popular post akan lebih menarik dan bisa menjadi daya tarik pengunjung untuk menjelajahi blog kita…

Ok, cara pembuatannya seperti ini:

• Login 
• Pilih Template > Edit Template 
• Cari kode ]]></b:skin> 
• Letakan kode di bawah tepat di atas kode ]]></b:skin>.

.post h2 {
margin:.1em 0 0;
padding:0 0 4px;
font-size:1.0em;
font-weight:normal;
line-height:2.5em;
color:#444;
font-family: Oswald, Serif;
}
.post h2 a, .post h2 a:visited, .post h2 strong {
display:block;
text-decoration:none;
color:#444;
font-size:2.0em;
font-weight:normal;
font-family: Oswald, Serif;
}
.post h2 strong, .post h2 a:hover {
color:#0274be;
background: url("http://i1256.photobucket.com/albums/ii499/imanuel5/kasaronganpanah_zps0bc600df.png") no-repeat 4px center transparent;
padding: 3px 10px 3px 50px;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
}

• Kemudian simpan hasil pekerjaan nya…

Selamat menikmati tampilan popular post yang baru,,,,salam blogger…