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
Thumbnail
1. Masuk ke akun 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 >> Tambah Gadget >> Entri Populer

Entri populer
Entri populer
Tambah gadget
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
Loading...
 
Top