Cara Memodifikasi Entri Populer

Efek Transisi ini sebenarnya hanya penggunaan css transisi dan transformasi, namun sedikit perubahan agar sesuai dengan entri populer. Ketika anda mengarahkan mouse pada gambar entri populer, maka gambar itu akan bergerak. Cara ini hanya memodifikasi entri populer bawaan blogger agar terlihat menarik. Kalau anda tertarik silahkan ikuti langkah berikut.

Log in ke blog anda
Klik Rancangan

Klik Edit HTML

Masukkan kode berikut di atas kode </head>

<style type='text/css'>
.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}
.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}
.PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.2) rotate(-1090deg) ;-webkit-transform: scale(1.2) rotate(-1090deg) ;-o-transform: scale(1.2) rotate(-1090deg) ;-ms-transform: scale(1.2) rotate(-1090deg) ;transform: scale(1.2) rotate(-1090deg) ;}
</style>

Selanjutnya Klik Simpan Template
Klik kembali Rancangan

Klik Tambah Gadget