Jasa SEO Blog

Menampilkan Daftar Posting Terbanyak Dikomentari

 Daftar Posting Terbanyak Dikomentari
CARA memasang, membuat, atau menampilkan sidebar widget daftar posting pyang paling banyak dikomentari (Most Commented Posts) sangat mudah. Demonya ada di Sidebar Blog ini.

Widget tulisan terbanyak dikomentari pengunjung ini mirip dengan Popular Posts. 

Bedanya, daftar tulisan terpopuler disusun berdasarkan jumlah kunjungan. Sedangkan Most Commented Posts ini berdasarkan jumlah komentar.

Posting yang paling banyak dikomentari akan ada di posisi teratas.

Menampilkan Daftar Posting Terbanyak Dikomentari

  1. Layout >> Add a Gadget >> pilih HTML/JavaScript
  2. Isi judul dengan "Posting Terbanyak Dikomentari" atau apa saja, misalnya "Most Commented Posts", "Trending", Hot Topic, dsb. Bebas!
  3. Copas kode berikut ini di kolom "Content"

<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.contohblog.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="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>

Keterangan:
- Angka 5 adalah jumlah posting. Bisa diubah.
- Ganti alamat blognya dengan kepunyaan Anda.

Setelah di-Save, maka widget Daftar Posting Terbanyak Dikomentari akan muncul di sidebar blog Anda. Good Luck! (http://www.contohblog.net).*

Source
Labels: Desain Blog, Posting Blog

Thanks for reading Menampilkan Daftar Posting Terbanyak Dikomentari. Please share...!

0 Comment for "Menampilkan Daftar Posting Terbanyak Dikomentari"

Spammy comment and live link will not be published. Good comment will encourage reader to visit your profile and blog.

Back To Top