Cara Membuat Entri Populer Warna-Warni

Cara Membuat Entri Populer Warna-Warni -
Assalamualaikum sabat blogger, alhamdulillah bisa update lagi kali ini saya akan berbagi tutorial blogger, udah lama enggak share tutorial mengenai blogger, nah pada kesempatan kali ini saya akan share tutorial Cara Membuat Entri Populer/Artikel Populer Warna-Warni, oke langsung aja deh kita menuju ke tutorial.
Cara Membuat Entri Populer Warna-Warni




Pertama Masuk dulu ke akun blogger kalian masing - masing(jangan masuk ke akun blogger saya ya. hehehe)
Kedua klik Template lalu klik Edit HTML, maka akan ada tampilan seperti di bawah ini

Cara Membuat Entri Populer Warna-Warni
tampilan ini adalah tampilan baru dari blogger.
nah sekarang tugas kalian adalah mencari kode ]]></b:skin> lalu letakan script di bawah ini tepat di atasnya ]]></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 .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#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}

jika anda belum yakin pastikan dulu klik pertinjauan lalu simpan, selanjutnya menuju ke tata letak pilih tambahkan gadget lalu pilih Entri Populer/Populer Post, atur seperti gambar di bawah ini
Cara Membuat Entri Populer Warna-Warni



lalu klik simpan dan lihat hasilnya. Demikian mengenai Cara Membuat Entri Populer/Artikel Populer. semoga dapat bermanfaat buat kalian semua. Wasalamualaikum.

3 Responses to "Cara Membuat Entri Populer Warna-Warni"

  1. Memang Bagus Banget Sob Kalo Entri Populernya Jais Warna-Warni Kayak Begitu :)

    Mau Coba Ahh :)

    Makasih Ya :)

    BalasHapus
  2. Wah...
    Keren ne...

    http://faima-st.blogspot.com/

    BalasHapus
  3. weh....ini yang udah lama ane cari gan...thanks gan...infonya

    http://newsheld.blogspot.com/

    BalasHapus

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