Cara Memasang Komentar Terpopuler (Most Commented) di Sidebar Blog

Cara Memasang Komentar Terpopuler (Most Commented) di Sidebar Blog

Bagi sobat yang melihat tampilan komentar terpopuler di bagian sidebar situs ini tidak perlu “iri” atau gimana istilahnya lah.

Pastinya selain sebagai sumber informasi kepada sobat mengenai komentar terpopuler di blog ini, juga terkait dengan tips SEO blog.

Hal ini sudah saya katakan pada bahasan sebelumnya, bahwa ternyata hal apapun yang terpasang di sidebar blog, baik pada halalaman homepage ataupun tidak, akan sangat membantu proses penilaian Google dalam melakukan indexing.

Baca cara kerja Google dalam melakukan indexing untuk pemeringkatan sebuah blog.

Cara Memasang Komentar Terpopuler (Most Commented) di Sidebar Blog

Caranya cukup mudah kok. Sobat tidak perlu melakukan editing template karena tidak semua orang mahir dan faham dengan bahasa pemrograman tersebut. Untuk itu, sobat hanya perlu melakukan pemasangan kode html di dalam sidebar blog sobat, sama seperti ketika memasang widget baru. Berikut langkah-langkahnya:

1. Masuk akun blogger
2. Pilih tata letak (layout) > add gadget > pilih JavaScript/ HTML
3. Copy paste kode di bawah ini di dalam gadget baru yang sobat buat 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=5;
var homePage=”www.forumblogindo.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>

Note: ganti kode yang saya tandai dengan warna biru di atas dengan alamat blog sobat. Untuk kode angkah 5 menunjukkan banyakknya komentar terpopuler yang sobat ingin tampilkan. Silakan ganti sesuai keinginan.

4. Save

Mudah kan?

Demikian info blogger seputar tips SEO blog, khususnya Cara Memasang Komentar Terpopuler (Most Commented) di Sidebar Blog. Semoga bermanfaat, salam. (http://www.forumblogindo.com/)