Widget Entri Populer dengan Gambar Berputar

Widget Entri Populer dengan Gambar Berputar -
Hallo para Blogger pada posting sebelumnya saya telah membahas " Cara Buat Entri Populer"
 tapi pada kesempatan kali ini saya akan posting dengan tema yang sama tapi berbeda isinya



Langsung aja caranya, Berikut:
1.Pertama login dulu ke akun Blogger
2.Lalu klik Rancangan
3.Edit Html, jangan lupa centang expand widget template
4.Lalu cari kode ]]></b:skin>, untuk mempermudah pencarian tekan Ctrl+F

5.Setelah dapat kode ]]></b:skin>, letakkan kode di bawah ini pada kode tadi

<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.Lalu klik simpan
7.Setelah itu klik tambah gadget pilih entri populer
8.konfigurasi seperti gambar di bawah ini
atur tampilkan centang Thumbnail Gambar lalu tampilan entri 9 
Lalu klik simpan

semoga Artikel ini bermanfaat...

7 Responses to "Widget Entri Populer dengan Gambar Berputar"

  1. Oh jadi begitu ya caranya, sekarang jadi tau aku mas, thanks udah berbagi ilmunya, tapi di blog ini kenapa ga' dipasang mas?

    BalasHapus
  2. ooo, udah bosan mau cari yg lain gan..

    BalasHapus
  3. gan ,sudah saya follow, jangan lupa follow back ke sini ya gAdo².C0m

    Thanks

    BalasHapus
  4. thax gan n sdah saya cb di blog http://apps--computer.blogspot.com saya

    BalasHapus
  5. iya gan sama"...........................

    BalasHapus

Jangan Menulis Komentar Mengandung
SPAM, SARA, P*RNO Atau KATA KASAR..!!