Cara Mengetahui Posting Dengan Komentar Terbanyak Pada Blog

Biasanya seorang blogger menginginkan penyangan halaman yang lebih banyak dengan berbagai cara , karena hal ini maka banyak sekali widget yang dibuat oleh para blogger setiap hari , salah satunya adalah widget yang akan saya share kali ini yaitu " most Discussed Widget with Comment Counter for blogger " . Begitulah judul yang diberikan oleh pembuat widget ini yaitu Mohammad Fazle Rabbi yang merupakan pemilik web http://www.bloggerspice.com/ .

Widget ini akan bekerja seperti widget " Popular Post "  tapi bedanya adalah apabila pada widget popular post maka postingan akan diurutkan berdasarkan dengan jumlah penayangan, sedangkan pada widget ini postingan akan diurutkan berdasarkan banyaknya komentar yang ada pada postingan tersebut

Demo

Cara Pemasangan

• Step 1  Buka blogger.com lalu pilih blog  anda
• Step 2  Pilih tata letak / layout 
• Step 3  Tambahkan gadget selanjutnya pilih " HTML/ javascript "
• Step 4  Copy kode berikut lalu pastekan pada " HTML/ javascript " tadi

 <style>
.BloggerSpiceDW {
background: #292D30;
width: 49px;
float: left;
margin: 2px 20px 15px 0px;
padding: 0px 0px 5px 0px;
font-weight: bold;
font-size: 1.4em;
text-align: right;
font-family: georgia, Helvetica;
color: #FFF;
text-shadow: 4px 1px #202022;
position: relative;
top: 5px;
border-right: 1px solid #F3F3F3;
}
.BloggerSpiceDW:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 0px;
top: 100%;
border-width: 5px 8px;
border-style: solid;
border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
top: 28px;
right: 6px;
}
#BloggerSpice li:hover {
border-bottom: 1px dashed #696969!important;
}
#BloggerSpice a {
text-decoration: none;
color: #5A5F63;
}
#BloggerSpice a:hover {
color: #2B3033;
}                                                                                                                             /* Widget By http://www.bloggerspice.com */
</style>
 <div class="widget HTML" id="BloggerSpice">
<script type="text/javascript">
var _0xba63=["<ul style=\"list-style:none; \">", "write", "count", "\'", "link", "items", "value", "title", "commentcount", "<li style=\"clear:both; padding:10px 0px!important; border-bottom: 1px dashed rgb(222, 222, 222); line-height:2em; \"> <div class=\"BloggerSpiceDW\">", "&#160;&#160;</div>", "<a href=", "\" target=\"_blank\">", "</a></li>", "</ul>"];
function getYpipePP(_0x8a60x2) {
    document[_0xba63[1]](_0xba63[0]);
    var _0x8a60x3;
    for (_0x8a60x3 = 0; _0x8a60x3 < _0x8a60x2[_0xba63[2]]; _0x8a60x3++) {
        var _0x8a60x4 = _0xba63[3] + _0x8a60x2[_0xba63[6]][_0xba63[5]][_0x8a60x3][_0xba63[4]] + _0xba63[3];
        var _0x8a60x5 = _0x8a60x2[_0xba63[6]][_0xba63[5]][_0x8a60x3][_0xba63[7]];
        var _0x8a60x6 = +_0x8a60x2[_0xba63[6]][_0xba63[5]][_0x8a60x3][_0xba63[8]];
        var _0x8a60x7 = _0xba63[9] + _0x8a60x6 + _0xba63[10] + _0xba63[11] + _0x8a60x4 + _0xba63[12] + _0x8a60x5;
        document[_0xba63[1]](_0x8a60x7);
        document[_0xba63[1]](_0xba63[13]);
    };
    document[_0xba63[1]](_0xba63[14]);
};
 </script>
  <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.blogger-nesia.blogspot.com &amp;ShowHowMany=5&amp;_id=390e906036f48772b2ed4b5d837af4cd&amp;_callback=getYpipePP&amp;_render=json" type="text/javascript"></script>
</div>

• Step 5  Ubah http://www.blogger-nesia.blogspot.com  dengan url blog anda
• Step 6  Ubah ShowHowMany=5 menjadi jumlah postingan anda yang ingin ditampilan 
• Step 7  Simpan lalu cek bog anda untuk melihat hasilnya

Jika ada kesalahan/eror atau hal lain yang ingin anda tanyakan silahkan berkomentar dengan baik di kolom komentar ,wassalamualaikum.wr.wb.