Latest News

Memasang Most Article Comments Widget Untuk Blogger

Most article comments widget yakni widget yang menyerupai sepert popular post. Pasti sudah tahukan menyerupai apa widget popular post. Jika sudah tahu maka tentu anda juga mampu mengerti wacana 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 mampu anda pasang di sidebar atau footer. Widget ini bahwasanya tidak terlalu penting tapi untuk blog magazine mungkin mampu menambah warna warni widget di blognya. Untuk melengkapi widget lain.

Most

Selain postingan yang memiliki banyak komentar. Di widget ini uga akan ditampilkan jumlah komentar postingan tersebut. Widget ini mampu 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 gres lalu salin dan paste kode-kode dibawah ini diwidget gres 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 arahan dibawah ini dan masukkan/pastekan di widget gres 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://tps-trick.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=Memasang Most Article Comments Widget Untuk Blogger 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://tps-trick.com dengan url blog anda

3. Terakhir Simpan widget.

Sekarang coba buka blog teman dan lihat apa widgetnya sudah tayang. Nah itu beliau tutorial yang mampu aku bagikan supaya mampu membantu dan bermanfaat. Salam blogger.