Cara Membuat Populer Post Pelangi


Bosen dengan Tampilan Populer Post yang biasa?? Langsung saja Coba tutorial bawah ini dijamin work dengan blog agan-agan semua,.

a.Masuk ke Blog anda
b.Pilih Template >> Pilih edit HTML >> centang expand widegt >> Cari kode ]]></b:skin> (gunakan TRL + F untuk mempermudah) Setelah ketemu letakkan kode dibawah ini tepat diatas ]]></b:skin>


#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
c.Klik Simpan
d.Pada menu tata letak >> Pilih add gadget/tambahkan gadget >> Pilih Entri populer/Popular posts >> hilangkan tanda centang cuplikan gambar dan keterangan, tampilkan minimal 9 posts.e.Simpan dan lihat hasilnya diblog anda!




Postingan terkait:

14 Tanggapan untuk "Cara Membuat Populer Post Pelangi"

  1. makasih sob infonya..
    alhmdlh sudah saya pasang :)

    ReplyDelete
  2. nice info sob, patut dicoba..

    ReplyDelete
  3. kalau warnya mau diganti gimana sob?
    maksudnya warna pelanginya mw diacak gitu

    ReplyDelete
  4. Bfc Sarif SatriaSatriaan @iya sama2 om,.

    kategori-tips @ coba aja gan..

    Reky Wiryanto Bongso @ Saya sendiri belum coba bro,.nantilah saya coba bila berhasil tar aku kabarin,.h.h.h.h.

    Terimakasih untuk comennya semua

    ReplyDelete
    Replies
    1. oke sob ane tunggu yah :)

      Delete
  5. terimakasih sob, keren hasilnya :) thanks

    ReplyDelete
  6. mas-andes @ iya sama2 mas,.
    terima kasih juga komennya

    ReplyDelete
  7. .: penampakan model baru, patut dicoba...^_^

    ReplyDelete
  8. IQ Online Mart @ monggo silahkan,.
    terimakasih komentarnya

    ReplyDelete
  9. Tutorial bagus sob. Terima kasih udh berbagi...

    ReplyDelete
  10. klo mau diganti warnanya, gimana caranya?

    ReplyDelete
  11. yang kayak gini nih gan yang sering nongol di banyak blog pas blogwalking, cuma kok pas liat scriptnya kok bikin pusing ya, blogwalking ja dah

    ReplyDelete
  12. Wah, unik juga nih populer post :D
    kapan2 saya coba sob.

    ReplyDelete