Cara Memasang Widget Popular Post Di Blog

Cara Memasang Widget Popular Post Di Blog

Widget popular post atau yang biasa di sebut Artikel atau postingan terpopuler, dimana hanya ada beberapa postingan yang sering dikunjungi orang lain, hal ini memudahkan seorang pembaca artikel dapat menemukan artikel populer kemudian membacanya. untuk memasang widget ini sebetulnya cukup mudah yakni Menambahkan Gadget baru dan Menambahkan script CSS-nya.

Berikut cara-cara memasang widget popular post di blogspot:

1. Login Blogger
2. Pilih Tabs "Tata Letak"
3. Klik "Tambah Gadget"
4. Cari dan pilih "Entri Populer"

5. Setelah itu klik "Simpan"

---

    Sekarang Tambah Script CSS-nya pada HTML blog anda

---

6. Pilih Tabs "Rancangan" -> Pilih "Edit HTML" -> Cek "Expand Template Widget"
7. Cari kode ]]></b:skin>
8. Letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

/*--- BD Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCHfRpAOxgqlfSqS2QiL6KELBOOPWetK6nezd1Sl1-tUpykQtlWu4WJyj7y0h6-xA_ppUSlRfmmONatvoXvsOoHDAmi346_qLSEtcJQZTEMw0smvgMuyZRMdD5jeXBJ8IPIRKda7883ZQ/s1600/PPW.gif ) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #389CFF;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

9. Klik "Simpan Template"
10. Selesai

Sekarang lihat hasilnya,

Sekian tips blogging ini semoga bermanfaat ..!!

Sumber :
http://dyan-seller.blogspot.com