loading...
Deloiz - Widget popular post yang ada pada situs atau blog, menandakan bahwa artikel-artikel yang adadidalamnya merupakan artikel yang paling banyak dibuka oleh pengunjung. Untuk pengaturannya bisa disortir berdasarkan 7 hari terakhir, 30 hari terakhir atau setiap saat.

Supaya widget popular post atau entry populer ini tampilannya lebih keren, Anda bisa memodifikasinya dengan memberikan efek berputar pada thumbnailnya. Apabila Anda tertarik menggunakannya, berikut tutorialnya:
  
1. Masuk ke Dasbor Blogger.

2. Pilih Template > Pilih Edit HTML.

3. Cari kode ]]></b:skin> (Gunakan CTRL+F untuk memudahkan).

4. Copy paste kode berikut diatas 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 berikutnya dari Dasbor Blogger: 

6. Pilih Tata Letak > Tambahkan Gadget > Entri Populer.
 tambahkan gadget
Tambah Gadget
popular post
Entri Popular
7. Masukan judul > Pilih Paling Banyak dikunjungi sesuai keinginan.

8. Pada bagian tampilkan, centang thumbnail gambar > Jangan centang cuplikan > Pilih tampilkan hingga.

9. Klik Simpan dan lihat hasilnya

Demikian tutorial kali ini tentang membuat widget popular post dengan efek gambar berputar. Apabila ada pertanyaan seputar topik, silahkan tinggalkan komentar.

Loading...

Post a Comment Blogger

Loading...
 
Top