membuat postingan terbanyak dikomentari

Cara mengetahui postingan blog yang paling banyak dikomentari para pengunjung salah satunya menggunakan widget ini dengan menampilkan urutan postingan yang paling banyak dikomentari yang dilengkapi dengan bubbles berisi angka dari jumlah komentar post tersebut. Postingan dengan komentar terbanyak akan berada diposisi teratas.

Dengan style yang cukup elegan widget ini sangat bagus sekali dan bermanfaat untuk mendorong pengunjung berpartisipasi dalam berdiskusi pada blog anda. Dengan begitu postingan lama anda tidak akan tenggelam karena selalu terupdate dengan komentar-komentar yang terbaru dan ini tentunya sangat disukai oleh mesin pencari (search engine).

Widget ini hampir sama dengan Popular Posts. Yang membedakannya, jika popular post disusun atau diurut berdasarkan jumlah kunjungan. Sedangkan pada widget ini (Most Commented Posts) berdasarkan dari jumlah komentar terbanyak postingan tersebut.

Untuk membuat Most Commented Posts ini sangatlah mudah cukup dengan melakukan trik berikut.
Tambahkan Gadget Pilih HTML/JavaScript lalu CopyPastekan kode berikut :

<style>
.commentbubble {
background: #292D30;
width: 49px;
float: left;
margin: 2px 20px 5px 0px;
font-weight: bold;
font-size: 1.3em;
text-align: right;
font-family: georgia,Helvetica;
padding: 0px 0px 5px 0px;
text-align: right;
color: #FFF;
text-shadow: 4px 1px #202022;
position: relative;
top: 5px;}
.commentbubble: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: 34px;
right: 6px;
}
</style><script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="list-style:none; ">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = + feed.value.items[i].commentcount;
var pList = '<li style="clear:both; padding:10px 0px 10px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; "> <div class="commentbubble">' +pComment + "&#160;&#160;</div>" + "<a href="+ href + '" target="_blank">' + pTitle ;
document.write(pList);
//to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://tutorwidget.blogspot.com/ (Ganti dengan alamat blog sobat)
&ShowHowMany=5 (Jumlah posting yang ingin ditampilkan)
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

• Perhatikan Tulisan berwarna merah dalam kode tersebut.

Simpan dan lihat hasil posting terbanyak dikomentari.