Membuat efek hover pada judul postingan blog

Membuat efek cover pada judul postingan blog

wahhh udah lama gak update nih ya gan emm semoga aja artikel kali ini bisa bermanfaat untuk kalian ya gan emm dari judulnya kayaknya menarik ya gan emm tapi mari kita coba ikuti langkah"nya yuk gan mungkin aja menarik juga gan hehehe



1.Masuk ke akun blogger anda
2.Pilih template
3.kemudian cari kode ]]></b:skin>
4.Kemudian copy kode dibawah ini tepat diatasnya ya gan

.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://iconkits.com/images/vip/aerozone_arrow_small_preview.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;
}
5.save template anda ya gan
Back To Top