BerlanggananBerlangganan Artikel Gratis Langsung Di Email Anda

Cara Buat Widget Most Commented

KrocoNet.com – Cara Buat Widget Most Commented, Sebelumnya saya sudah pernah berbagi tentang Cara Buat Recent Comment kali ini saya kan share kembali Cara Buat Widget Most Commented yang berbeda dari sebelumnya. Kali ini Widget ini hanya memunculkan judul artikel dan jumlah komentar pada setiap artikelnya, Widget Ini berguna untuk memberitahu pengunjung artikel mana yang paling banyak dibahas oleh pengunjung blog anda,

Baca Juga : Cara Memasang Widget Di Blog

Cara Buat Widget Most Commented

  • Silahkan Login ke akun blog anda
  • masuk ke Tata Letak dan Pilih Add Widget
  • Lalu masukan Kode Dibawah ini pada kolom yang tersedia

<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 KrocoNet ( Hajir)
// http://gplus.to/Hajir – http://www.kroconet.com
var numPosts=10;//Jumlah artikel yang ingin ditampilkan
var homePage=”www.kroconet.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>
Demo
  • Lalu ganti yang berwarna
  1. Merah : Ganti Dengan Jumlah Posting Yang Ingin Ditampilkan
  2. Ungu  : Ganti dengan url blog sobat, Masukan tanpa HTTP://
Sekian Cara Buat Widget Most Commented , Jika ada kritk dan saran silahkan berkomentar pada kolom yang tersedia, Terima Kasih.