Cara Menampilkan Widget Popular Posts Hanya Thumbnail Dengan Efek Berputar

Bangiz - Ada banyak cara agar Popular Post atau Entri Populer kita terlihat menarik, salah satunya yaitu dengan membuat efek gambar berputar. Uniknya apabila pointer kita letakkan di gambar pada daerah entri populer maka gambar tersebut akan berputar, begitu hasilnya. Jika Anda tertarik langsung saja ikuti cara-caranya:

Thumbnail

1. Masuk ke dasbor Blogger.

2. Pilih Template >> Edit HTML.

3. Cari kode di bawah ini ]]></b:skin> (Gunakan CTRL+F untuk mempermudah).

4. Copy kode di bawah ini, lalu pastekan di bawah 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>

5. Simpan Template

Langkah selanjutnya: 

6. Pilih Tata Letak >> Tambahkan Gadget >> Entri Populer. 

Entri populer

Tambah gadget

7. Silahkan masukan judul >> Pilih Paling Banyak dikunjungi sesuai keinginan Anda.

8. Centang Thumbnail gambar >> Jangan centang cuplikan >> Pilih tampilkan hingga.

9. Klik Simpan dan lihat hasilnya.

Itulah tips Bangiz kali ini tentang bagaimana cara menampilkan widget populer post hanya thumbnail atau gambar sajadengan efek berputar. Silahkan ikuti kami di jejaring sosial untuk tips dan info menarik lainnya.