Thursday, 22 August 2013

Membuat Animasi Post Popular Dengan Hover CSS3


1. Login dulu ke akun blog sobat.
2. Pilih Template > Edit Template > Centang expand Widget Templates.
3. Backup Dulu untuk menjaga kesalahan.
4. Cari kode ]]></b:skin> dan 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://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. Setelah beres kemudian save dan silahkan lihat hasilnya.

No comments:

Post a comment

Silahkan Komen Rider,