Menambahkan Widget Popular Post dengan Efek Zoom

Jika kalian pernah menaruh widget popular post yang secara default dari blogger terlihat biasa-biasa saja, maka kamu boleh menggunakan widget di bawah ini agar terlihat lebih menarik. Widget ini fungsinya untuk menampilkan artikel yang paling banyak di lihat pengunjung blog kamu namun dengan efek zoom yang menakjubkan. Lihat cara membuatnya di bawah ini :

1. Masuk ke Blogger.com

2. Klik Rancangan --> Edit HTML dan kamu cari kode ]]></b:skin> lalu kamu salin kode di bawah ini dan tempel kan di atas kode ]]></b:skin>.

<style type='text/css'>
.PopularPosts .item-title{display:none}
.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>

4. Simpan template namun belum selesai,

 

5. setelah itu kamu klik tab Elemen Laman --.> Tambah Gadget --> Popular Post dan atur widget-nya sesuai keinginan kamu.

 

6. Simpan Template dan Lihat hasilnya...

Jika ada komentar tentang artikel ini, jangan ragu untuk bertanya, saran, dan kritik dan bisa kamu tulis komentar kau di dalam kotak komentar yang ada di bawah :)

Postingan Terkait:

Posted in: Blogger,Popular Post,Widget