BloggerWidget

Cara Buat Widget Most Commented Dengan Mudah

Buat Widget Most Commented – Halo Indonesian Blogger, Sebelumnya saya sudah pernah berbagi tentang Cara Buat Recent Comment kali ini saya kan share kembali gimana buat most commented yang berbeda dari sebelumnya.

most commented

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. Jika Anda tidak mengerti cara pasang widget silahkan baca disini.

Buat Widget Most Commented

  1. Silahkan login ke blog Anda
  2. Setelah itu masuk pada menu tata letak dan pilih add widget
  3. Langkah selanjutnya silahkan masukan kode dibawah ini di widget yang dibuat tadi
<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=10;
var homePage="idblog.net";
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="https://'+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>

var numPosts=10;
var homePage=”idblog.net”;

Silahkan ganti dengan jumlah dan alamat situs Anda

Desain ini saya dapatkan dari Arlina Design dan bukan milik saya. Sekian Caranya sangat simple sekali bukan , Jika ada kritk dan saran silahkan berkomentar pada kolom yang tersedia, Terima Kasih.

Abdul Muhajir

I am a Blogger and Internet Marketer who wants to learn, grow and share some knowledge and my experience about Blogging and Internet Marketing to help other Creative Individuals find their passion and share it to the world.
Close

Adblock Detected

Please consider supporting us by disabling your ad blocker