Cara Membuat Entri Populer Post di Blog Bergerak

Cara Membuat Entri Popular Post Di Blog Bergerak

"Lankah-langkahnya Sebagai berikut":

1. Login ke akun blogger Anda, Dan pilih "Tata letak"

2. "Tambah Gadget", lalu cari gadget "entri Populer",

Setting Sesuai dengan keinginan anda, lalu "Save" atau " Simpan"

3. Lalu "Tambah gadget" lagi, dan Pilih "HTML/JavaScript"

dan isikan dengan Kode di bawah ini:

#PopularPosts1 { 
overflow:hidden; 
margin-top:2px; 
padding:0px 0px; 
height:310px; 
border-bottom: 1px solid #eeeeee; 
} 
#PopularPosts1 ul { 
width:280px; 
overflow:hidden; 
list-style-type: none; 
padding: 0px 0px; 
margin:0px 0px; 
} 
#PopularPosts1 li { 
width:280px; 
padding: 5px 5px; 
margin:0px 0px 2px 0px; 
list-style-type:none; 
float:none; 
height:75px; 
overflow: hidden; 
background:none; 
} 
#PopularPosts1 li .item-title { 
    color:#ffffff; 
    font-size:12px; 
    margin-bottom: 2px; 
} 
#PopularPosts1 li .item-title a { 
text-decoration:none; 
color:#fffff; 
font-size:12px; 
height:18px; 
overflow:hidden; 
margin:0px 0px; 
padding:0px 0px 2px 0px; 
} 
#PopularPosts1 li img { 
float:left; 
margin-right:5px; 
background:none; 
border:0; 
} 
#PopularPosts1 li .item-snippet { 
  overflow:hidden; 
font-family:Tahoma,Arial,verdana, sans-serif; 
font-size:12px; 
color:#ffffff; 
padding:0px 0px; 
margin:0px 0px; 
} 
#PopularPosts1 .item-snippet a, 
#PopularPosts1 .item-snippet a:visited { 
    color:#3E4548; 
    text-decoration: none; 
} 
#PopularPosts1 .spyWrapper { 
    height: 100%; 
    overflow: hidden; 
    position: relative;    
} 
#PopularPosts1 { 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
} 
.tags span, 
.tags a { 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
} 
a img { 
    border: 0; 
} 
--> 
</style> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8"> 
$(function () { 
    $('.popular-posts ul').simpleSpy(); 
}); 
</script> 
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

4. Seteleh selesai Klik " Save" atau "Simpan"

5. Selesai__ mudah bukan__ hehee.

dan hasilnya bisa di liat di Entri Populer pada sisi kanan Blog saya ini.

Semoga Bermanfat___

dan jangan Lupa Komen & Sarannya__^-^

9 comments:

fachriSunday, February 10, 2013 at 4:26:00 AM PST
itu mksud'a gmna gan?? kan klau tambah gadget - entri populer ini kan mmng versi blogspot'a. pke cara ni kan mmng lngsung mncul nnti entri populer'a. trus yg kode javascript itu gan buat ap lg?? bingung ni gan hehehe...
kunjngn blik yaa dari saya :D
AnonymousSunday, February 10, 2013 at 6:00:00 AM PST
gadged HTML/javascripts itu untuk membuat dftar entri populernya bergerak sob? n coba di praktekin ja.. good luck
by andi
SDN DUKUHBADAGTuesday, July 2, 2013 at 8:20:00 PM PDT
Terima kasih, setelah baca ni postingan jadi tambah ilmu buat mempercantik BS Sekolahku
UnknownThursday, September 5, 2013 at 9:29:00 AM PDT
lumayan

Buat pengunjung yang kebetulan kehabisan pulsa dan lagi malas beli pulsa tapi ingin sms/balas sms yang penting atau hanya sekedar ingin tau , ayo coba sms gratis silahkan kunjungi blog saya

link :
http://shinobi2304.blogspot.com/

lihat paling bawah sebelah kanan ada kolom sms gratis
jangan lupa tinggalkan komentar
semoga bermanfaat
rentalrudimedanTuesday, May 13, 2014 at 2:20:00 AM PDT
gan kok tuker lingnya salah satu huruf gan, jadi tukat link...makasih gan.
UnknownSunday, July 6, 2014 at 8:25:00 AM PDT
trims tutornya mas broo... kok yg muncul cuma 3 post ya? kl mau nmbah gmn?
http://www.servicekita.com/
Muhammad SholihinSaturday, April 11, 2015 at 3:27:00 PM PDT
This comment has been removed by the author.