Cara Membuat Rotating Images pada Widget Popular Post

Cara Membuat Rotating Images pada Widget Popular Post

Sebelumnya saya telah menuliskan membuat populer post gambar Grid atau Gallery, pada kesempatan ini saya akan menuliskan cara membuat rotating Images pada widget populer post atau gambar berputar. Widget ini mempunyai efek berputar ketika mouse pointer disentuhkan pada gambar.


Manfaatnya  Rotating Images pada adalah untuk mempercantik tampilan pada blog, dengan mempercantik tampilan pengunjung bisa jadi tambah betah dan berlama-lama di blog kita. Jika anda ingin membuat Rotating Images pada Widget Popular Post berikut ini langkah mudahnya :

Cara Membuat Rotating Images pada Widget Popular Post
1. anda login keakun blogger
2. Anda masuk pada bagian Template
3. Klik Edit Template
4. anda cari kode ]]></b:skin>
5. Selanjutnya anda copy kode berikut dan terapkan sebelum 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>


6. Simpan template

Pastikan widget popular posts telah terpasang di Blog sobat. Jika belum pasanglah terlebih dahulu.
dengan cara :
Anda kembali kedasbor =>Klik Layout/Tata Letak =>Add Gadget =>Klik Entri Populer
Hilangkan ceklis pada cuplikan dan anda atur jumlah postingan yang dimunculkan.
=> simpan 

Sekian Cara Membuat Rotating Images pada Widget Popular Post, semoga bermanfaat!

Banyak dibaca:

Loading...
Buka Komentar
Blogger
Disqus
Pilih Sistem Komentar

Tidak ada komentar