Membuat Animasi Post Popular Dengan Hover CSS3

Salam semuanya,jumpa lagi bareng hansmjlkcommunity yang tidak bosan memberikan tips buat sobat semuanya,pada kesempatan ini saya   akan sedikit memberikan tips  untuk menambah tampilan widget blog soba.
Membuat Animasi Post Popular Dengan Hover CSS3,itulah pembahasan saya kali ini,memberikan tampilan animasi pada popular post memberikan kesan kepada pembaca atau pengunjung blog yang melihat tampilan demi tampilan blog kita semakin tidak ketinggalan dengan adanya tampilan tampilan blog dengan memakai efek hover,tampilan efek ini ketika mouse di sentuhkan atau di dekatkan pada halaman widget popular post maka di akan bergerak di tambah dengan efek terang gelap atau hover.
Buat sobat yang minat untuk mencobanya silahkan ikuti tutorialnya di bawah ini.

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.

Demikian tutorial kali ini mengenai Membuat Animasi Post Popular Denagn Hover CSS3,semoga dapat sedikit membantu sobat yang lagi mencari artikel tentang ini,terima kasih atas kunungannya.