Tutorial Membuat Most Comment di Blogger

Assalamu'alaikum wr. wb. - pada post ketiga ini ane kasih tutorial lagi tentang blogger untuk menarik tampilan blogger aja seh yaitu "Tutorial Membuat Most Comment di Blogger" pasti banyak yang bertanya apa seh gunanya Most Comment? Most Commant di gunakan untuk mengetahui banyaknya comment yang ada per post tapi ini cuman di batesi beberapa post aja kalo semua post nanti pasti panjang dah ampek bawah hehehe :D langsung aja ya tanpa banyak ngomong anenya nanti jadi laper :D kan ini masih puasa :D, ane kasih contoh ganmbarnya bisa di lihat di bawah ini gan

Tutorial :

• Login Blogger.com
• Kemudian masuk ke menu layout
• Klik Add a Gadget
• Kemudian scroll ke bawah cari HTML/JavaScript
• Masukkan semua script di bawah ini :

<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//
var numPosts=7;//Jumlah artikel yang ingin ditampilkan
var homePage="pain-space.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>

NB : Text yang ane kasih warna merah ganti sesuai keinginan anda
       var numPosts=7;//Jumlah artikel yang ingin ditampilkan
       var homePage="pain-space.blogspot.com";//URL blog Agan

• Kemudian Save
• Preview
• Finish

Nah tutorialnya sudah selesai semoga dengan tutorial yang sedikit ini bisa bermanfaat. jika ada pertanyaan silahkan langsung coment di bawah ini aja gan. terimakasih
Wassalamu'alaikum wr. wb. 

Kredit Code : Kang Mousir