Cara membuat Popular Post Thumbnail Galery

Helo semuanya, pastinya ini lebih menarik lagi pada posting saya ini sobat ini adalah posting Cara membuat Popular Post Thumbnail Galery. Pastinya sobat tidak akan menolak untuk memasangnya kan? karena Populer post ini bisa memjadikan simpel dan efektif pada tata letak blogger anda sob.

Dari pada saya teralu panjang lebar untuk basa-basi langsung saja kita ikuti langkah-langkah dibawah ini :
  1. Login blogger
  2. Masuk kedashboard => Design => Edit Html
  3. Jangan lupa Centeng Expand Template Widget
  4. Kemudian Cari code ]]></b:skin> , gunakan ctrl+f untuk memudahkan mencari
  5. Copy Script code kemudian letakkan diatas ]]></b:skin>
  6. .sidebar .popular-posts ul li img:hover, .cross2 ul li img:hover {-moz-transform:scale(1.1) rotate(-0deg); -webkit-transform:scale(1.1) rotate(-0deg); -o-transform:scale(1.1) rotate(-0deg); -ms-transform:scale(1.1) rotate(-0deg); transform:scale(1.1) rotate(-0deg);filter:alpha(opacity=100);opacity:1;border-radius: 50%;}
    .sidebar .popular-posts ul{margin:0;padding:2px;}
    .PopularPosts .widget-content ul li {padding: .1em 0;}
    .sidebar .popular-posts ul li {margin: 0 3px;background:none;float:left;width:91px;list-style-type:none;border:none;line-height:0px;}
    .sidebar .popular-posts ul li img {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;width: 85px;height: 85px;opacity: 0.7;opacity:0.7;filter:alpha(opacity=70);background:#444; border:1px solid #191919; border-bottom:1px solid #666; border-right:1px solid #666;padding:4px;}
    .PopularPosts .item-thumbnail {margin: 0;}
    .sidebar .PopularPosts .item-title {display: none;}
  7. Save Template
  8. Kembali ke Dashboard => Design => Add Element.
  9. Pasang popular post bawaan blogger dibagian sidebar. Settinglah seperti gambar dibawah ini : 
  10. Selamat mencoba dan sukses sobat. ^_^

14 komentar

Write komentar
kedz ymn
AUTHOR
February 19, 2013 at 7:15 PM delete

nice info sob.?
di tunggu kumbal baliknya
kedz-a7x.blogspot.com
salam kenal ja yupz

Reply
avatar
February 19, 2013 at 8:41 PM delete

Thanks Bro. . . :D

#Timbal balik dan follow back sukses

Reply
avatar
February 20, 2013 at 9:05 AM delete

visit rendo-redcell.blogspot.com ya....

Reply
avatar
February 21, 2013 at 11:51 AM delete

keren

kunjungan http://kumpulan-trikblog.blogspot.com/

Reply
avatar
February 21, 2013 at 11:59 AM delete

Thanks Sob ^_^

#Kunjung balik sukses

Reply
avatar
April 19, 2013 at 6:45 PM delete

info yang keren, bisa di coba nih di blogku kapan2 :)
comment back ~> http://pebriscreamo.blogspot.com

Reply
avatar
June 27, 2013 at 6:48 AM delete

ko g bisa si gan ..?tolong bantuannya ya g ngefek soalnya.

Reply
avatar
June 29, 2013 at 11:43 AM delete

Punya saya itu bisa sob. Coba delete dulu Gadget Popular Post-nya terus baru kasih script diatas sesuai langkah-langkahnya.

Reply
avatar

Berkomentarlah sesuai konten. NO SARA, NO SPAM, NO LINK AKTIF dan semacamnya.
Terima kasih.

Conversion Conversion Emoticon Emoticon