Cara mudah membuat widget komentar terbanyak

Banyak hal yang dilakukan seorang blogger untuk membuat tampilan blognya semakin menarik dan unik. Mulai dengan menggunakan template yang keren bahkan premium, menempelkan gambar unik yang mewakili blog, sampai dengan menambahkan beberapa widget yang berbeda dan attraktif. Tak ketinggalan kali ini saya akan memberikan tutorial mengenai cara mudah membuat widget komentar terbanyak untuk blog sobat yang menggunakan blogger.

Hampir sama dengan widget popular post yang pernah saya posting secara prinsip kerja, yaitu akan menampilkan bagian yang paling banyak dilihat oleh pengunjung. Pada konteks kali ini adalah yang paling banyak mendapatkan komentar dari pengunjung. Mengerti dengan yang saya maksudkan pastinya...

Sobat dapat melihat bagaimana tampilan widget ini melalui contoh gambar dibawah ini, dan cara membuatnya pun sangat mudah. Hanya tinggal memasukkan script ke dalam widget yang akan sobat gunakan pada blog.

http://kendhou.blogspot.co.id/2016/01/cara-membuat-widget-komentar.html
Widget komentar

Oke deh, sobat ikuti saja urutan langkah-langkahnya di penjelasan berikut ya

1. Masuk ke akun blogger sobat dan buka Tata Letak dari halaman administrator blog

2. Pilih Tambahkan Gadget > HTML/JavaScript

3. Masukkan script berikut ini

<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="namablogsobat.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="'+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>


4. Jangan lupa untuk mengganti kata namablogsobat.com dengan URL blog sobat ya

5. Klik tombol Simpan

Sangat mudah, sekarang perhatikan halaman blog sobat baik-baik. Jika benar langkah-langkahnya maka akan tampil Widget komentar terbanyak di blog. Berurutan dari yang terbanyak mendapatkan komentar di sisi atas menurun ke bawah untuk yang lebih sedikit.

Saya rasa cukup disini tutorial tentang cara mudah membuat widget komentar ini, silahkan tempel di blog bagi yang berminat atau tertarik mengunakannya. Jika sobat suka mengutak atik tampilan blog, tak ada salahnya melihat halaman tentang cara membuat widget sosmed agar tampilan blog semakin menarik lagi. Semoga bermanfaat dan
Salam Pintar...

Berlangganan update artikel terbaru via email:

2 Responses to "Cara mudah membuat widget komentar terbanyak"

  1. Senang bisa berkunjung di blog Anda. trims.

    Buruan Gabung Sekarang Juga dan Dapatkan Bonus Hingga Jutaan Rupiah disetiap Harinya Hanya di poker online

    ReplyDelete
  2. udah ngak work :(
    di tunggu kunjungan balik di kharisgun.com

    ReplyDelete

Terima kasih atas kunjungannya...
Pertanyaan, pendapat,serta saran dan masukan dapat sobat tuliskan pada kolom komentar yang tersedia. Harap menggunakan bahasa yang baik dan sopan.
Mohon maaf, segala bentuk SPAM dan mengandung unsur SARA akan kami hapus.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel