Memasang Most Article Comments Widget Untuk Blogger

Most article comments widget adalah widget yang mirip sepert popular post. Pasti sudah tahukan seperti apa widget popular post. Jika sudah tahu maka tentu anda juga bisa mengerti tentang widget most article comment. Jika di popular post berdasarkan banyak sedikitnya views postingan maka comments article widget ini berdasarkan banyak sedikitnya komentar suatu artikel.

Semakin banyak komentar diartikel anda maka posisinya akan berada diurutan paling atas,seperti halnya popular post. Widget ini bisa anda pasang di sidebar atau footer. Widget ini sebenarnya tidak terlalu penting tapi untuk blog magazine mungkin bisa menambah warna warni widget di blognya. Untuk melengkapi widget lain.

Selain postingan yang memiliki banyak komentar. Di widget ini uga akan ditampilkan jumlah komentar postingan tersebut. Widget ini bisa meningkatan page views serta menurunkan bouncce rate blog kita. Tertarik untuk menerapkan widget ini di blog masing-masing? Yuk ikuti tutorial dibawah ini.

Cara Memasang Widget Most Article Comments

Untuk menerapkan widget ini sangatlah mudah. Anda perlu membuat widget baru lalu salin dan paste kode-kode dibawah ini diwidget baru yang dibuat. Buat widget dengan HTML/Javascript. Untuk lebih jelasnya simak langkah dibawah ini.

1. Masuk ke blogger, pilih Tata Letak → Tambahkan Gadget → HTML/Javascript

2. Salin kode dibawah ini dan masukkan/pastekan di widget baru yang dibuat. 

<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=5;
var homePage="http://www.anggasave.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>

• Ganti angka 5 dengan jumlah postingan yang ingin dimunculkan di mosr article comment
• Ganti http://www.anggasave.com dengan url blog anda

3. Terakhir Simpan widget.

Sekarang coba buka blog sobat dan lihat apa widgetnya sudah tayang. Nah itu dia tutorial yang bisa saya bagikan semoga bisa membantu dan bermanfaat. Salam blogger.