Posted by Aak
Aak-share.com Updated at: 2:48:00 AM

Cara Membuat Rotating Images pada Widget Popular Post

2 comments:
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!
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

2 comments

Trik blogging yang mantap mas bro, keep sharing

Balas

Ok mas Bro, terima kasih

Balas