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 :
- Login blogger
- Masuk kedashboard => Design => Edit Html
- Jangan lupa Centeng Expand Template Widget
- Kemudian Cari code ]]></b:skin> , gunakan ctrl+f untuk memudahkan mencari
- Copy Script code kemudian letakkan diatas ]]></b:skin>
- Save Template
- Kembali ke Dashboard => Design => Add Element.
- Pasang popular post bawaan blogger dibagian sidebar. Settinglah seperti gambar dibawah ini :
.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;}
.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;}

Sign up here with your email
14 komentar
Write komentarnice info sob.?
Replydi tunggu kumbal baliknya
kedz-a7x.blogspot.com
salam kenal ja yupz
Thanks Bro. . .
Reply#Timbal balik dan follow back sukses
visit rendo-redcell.blogspot.com ya....
ReplyKunjung dan komen balik sukses
Replykeren
Replykunjungan http://kumpulan-trikblog.blogspot.com/
Thanks Sob
Reply#Kunjung balik sukses
info yang keren, bisa di coba nih di blogku kapan2
Replycomment back ~> http://pebriscreamo.blogspot.com
Silahkan sob
Replyko g bisa si gan ..?tolong bantuannya ya g ngefek soalnya.
ReplyPunya saya itu bisa sob. Coba delete dulu Gadget Popular Post-nya terus baru kasih script diatas sesuai langkah-langkahnya.
Replykeren
Replynumpang izin copy
No more live link in this comments field
Replysilhkan gan
Replysip
ReplyBerkomentarlah sesuai konten. NO SARA, NO SPAM, NO LINK AKTIF dan semacamnya.
Terima kasih.
Conversion Conversion Emoticon Emoticon