Tips Membuat Widget Most Comment Ringan Untuk Blog

Tips/Cara Membuat Widget Most Comment Ringan Untuk Blog - Sebelumnya saya telah menyinggung mengenai cara membuat widget komentar terbaru di blog, tetapi kali ini saya akan sedikit membagikan dan menjelaskan kepada anda mengenai cara membuat widget most comment di blog yang pastinya ringan, Most comment disini adalah widget yang menjelaskan kepada para pengunjung yang mampir diblog anda bahwa terdapat beberapa artikel atau postingan yang paling banyak dikomentari pengunjung mulai dari yang terbanyak hingga yang paling sedikit.
( Baca Juga : Cara Membuat Widget Recent Posts Dengan Label di Blog )

Untuk itu bagi teman-teman yang ingin memasang widget seperti ini diblog sobat masing masing saya menyarankan agar untuk tetap pada langkah langkah yang telah kami berikan dibawah ini.

Tips Membuat Widget Most Comment Ringan Untuk Blog

• Pertama masuk ke Tata Letak > Add Widget > HTML/Javascript
• Jika anda sudah masuk ke dalam widget HTML/Javascriptnya silahkan anda masukkan kode dibawah ini tepat didalam widget tadi.

<style type="text/css" scoped>

#most-commented ul,#most-commented li{margin:0;padding:0;list-style:none;color:black;font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px}

#most-commented ul li{position:relative;overflow:hidden;background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #f5edf5 100%);border:1px solid #DFDFDF;margin:0 0 10px 0!important;padding:5px 5px 5px 45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

#most-commented ul li a{color:#666;text-shadow:0px 1px 0px #fff;font-weight:bold;text-decoration:none;}

#most-commented ul li:hover{background: #F9F9F9;}

.bubble-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:5px 0;background-color:#333;color:#fff!important;text-align:center;}

</style>

<div id="most-commented"></div>

<script type"text/javascript">

//<![CDATA[

// Most Commented Widget For Blogger by Kang Mousir

// http://gplus.to/mousir - http://kang-mousir.blogspot.com

var numPosts=10;//Jumlah artikel yang ingin ditampilkan

var homePage="masjonny.blogspot.com";//URL blog

var postTitlear=new Array();

var postUrlar=new Array();

var postCommentar=new Array();

var totalpost;document.write('<div id="most-commented"><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="bubble-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>

Script berwarna hijau silahkan anda ganti dengan jumlah artike yang ingin anda tampilkan,
Script berwarna orange silahkan anda ganti dengan URL blog sobat.

Demikianlah Tips Membuat Widget Most Comment Ringan Untuk Blog semoga artikel yang bahas kali ini dapat memberikan manfaat bagi anda dan juga bagi saya sendiri, Sobat juga dapat melihat-lihat koleksi widget saya lainnya.

( Baca Juga : Tips Membuat Menu Bar di Side Bar Blog )

( Baca Juga : Cara Membuat Widget Latest Update Untuk Blog )

( Baca Juga : Tips Membuat Widget Artikel Terbaru Ringan SEO )

Happy Blogging.......

Tweet

Postingan terkait:

— Tuesday, July 14, 2015 — 1 Comment — Tips Blogger