Cara Membuat Widget Populart Post Memutar DJ

Widget Popular Post Menarik dengan thumbnail gambar bisa memutar ketika disentuh kursor.

Popular posts with thumbnail juga membantu menaikkan page view di blog sobat, karena tampilannya yang menarik juga mempunyai efek hover yang bagus, cara ini sudah saya terapkan di blog saya yang namanya ElmazzBlogger.
Seperti yang terlihat pada gambar diatas, cara pembuatannya adalah sangat mudah.

Berikut langkah-langkahnya :
1. Copy kode berikut dan paste di bawah ]]></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>

2. Selesai, >> jangan lupa disimpan

Artikel Terkait:

Title: Cara Membuat Widget Populart Post Memutar DJ; Written by Unknown; Rating: 5 dari 5