Memasang Most Commented Posts - Daftar Posting Blog Komentar Terbanyak

Baca Juga

Cara menampilkan widget Daftar Posting Blog Komentar Terbanyak (Most Commented Posts) di Sidebar Blog.

WIDGET Top Commented Posts --seperti bisa Anda lihat di sidebar blog ini-- berfungsi sebagai navigasi menu atau internal link yang bisa meningkatkan jumlah kunjungan (pageviws) blog.

Daftar tulisan blog yang paling banyak dikomentari ini juga bisa menambah database konten kota di Google karena terindeks, sebagaimana Google juga mengindeks widget popular post, recent posts, dan komentar blog.

Widget Most Commented Posts ini mirip dengan Popular Posts. Bedanya, Popular Pots mah berdasarkan jumlah kunjungan. Most Commented Posts berdasarkan jumlah komentar.

Nama atau judul widget ini bisa kita ubah sesuai dengan selera, misalnya "Paling Banyak Dikomentari", "Trending in This Blog", atau "Terbanyak Dikomentari". Bisa juga "Top 10 Most Commented Post" atau lainnya.

Cara Memasang Most Commented Post

1. Layout > Add a Gadget > pilih HTML/Javascript
2. Isi judul dengan "Most Commented Post" atau "Terbanyak Dikomentari". Bisa juga "Trending Topic"
3. Copa kode berikut ini ke dalam kolom "Content"

<div id="most-comments"></div> <style scoped='' type='text/css'> #most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #fc4f3f;border:1px solid #e6e6e6;transition:all .6s}#most-comments ul li:hover{box-shadow:inset 310px 0 #fc4f3f}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:#fff}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#383838;color:#fff!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#fc4f3f} </style>
<script type='text/javascript'>
//<![CDATA[
var numPosts=10;
var homePage="http://blogromeltea.blogspot.com";
var postTitlear=new Array(); var postUrlar=new Array(); var postCommentar=new Array(); var totalpost;document.write('<div id="most-comments"><ul>'); function mostComment(j){var a=j.feed.entry.length;totalpost=a; for(var f=0;f<a;f++){ var h=j.feed.entry[f]; var c=h.title.$t;var b; var g;if(f==j.feed.entry.length){break} for(var d=0;d<h.link.length;d++){ if(h.link[d].rel=="alternate"){g=h.link[d].href;break}} for(var d=0;d<h.link.length;d++){ if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];}}; postTitlear.push(c); postUrlar.push(g); postCommentar.push(b)}sortPosts(); for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+postTitlear[f]+'</a>'; document.write(e)}} function sortPosts(){function c(d,f){var e=postTitlear[d]; postTitlear[d]=postTitlear[f]; postTitlear[f]=e; var e=postUrlar[d]; postUrlar[d]=postUrlar[f]; postUrlar[f]=e; var e=postCommentar[d]; postCommentar[d]=postCommentar[f]; postCommentar[f]=e} for(var b=0;b<postTitlear.length-1;b++){ for(var a=b+1;a<postTitlear.length;a++){ if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}} document.write('<script src="http://'+homePage+'/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>'); document.write('</li>') document.write('</ul>') document.write('</div>'); //]]> </script>

4. Ganti angka (optional) dan alamat blognya dengan blog Anda.
5. Save!

Sumber