Menampilkan Daftar Posting Blog Paling Banyak Dikomentari

Cara menginstal, menampilkan, atau membuat widget berisi daftar posting blog yang paling berkomentar (widget posting yang paling berkomentar) di bilah sisi atau widget blog footer sangat mudah.

Demo ini ada di footer blog ini. Saya memberikan widget judul “paling berkomentar” (paling berkomentar).

Widget posting yang paling dikomentari ini mirip dengan posting populer. Perbedaannya adalah, pot populer Mah berdasarkan jumlah kunjungan. Posting yang paling dikomentari berdasarkan jumlah komentar.

Widget dipasang di sidebar atau footer Blog ini juga dapat dipanggil atau bernama widget “Topik Hot”, “Sebagian besar Komentar”, “Trending”.

Baca :
jual template wordpress

Cara Membuat Widget Most Commented Posts

1. Layout >> Sidebar >> Add a gadget >> Add HTML/JavaScript
2. Judul kasih nama Most Commented Post, Paling Banyak Dikomentari, dll. Bebas!
3. Copas saja kode berikut ini ke kolom “Content”

<script type=”text/javascript”>
function getYpipePP(feed) {
 document.write(‘<ol style=””>’);
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var href = “‘” + feed.value.items[i].link + “‘”;
var pTitle = feed.value.items[i].title;
var pComment = ” \(” + feed.value.items[i].commentcount + “\)”;
var pList = “<li>” + “<a href=”+ href + ‘” target=”_blank”>’ + pTitle;
 document.write(pList);
 document.write(pComment); //to remove comment count delete this line
 document.write(‘</a></li>’);
 }
 document.write(‘</ol>’);
 }
 </script>
 <script src=”http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.romelteamedia.com/
 &ShowHowMany=5
 &_id=390e906036f48772b2ed4b5d837af4cd
 &_callback=getYpipePP
 &_render=json”
type=”text/javascript”></script>
<span style=”font-size: 70%; float:right;”><a href=”http://www.romelteamedia.com”>Most Commented Post Widget</a></span>

4. Ganti alamat blognya (yang warna merah)
5. Save!

KODE LAIN
Jika kode di atas gak works alias gak cocok dengan blog Anda, berikut ini kode Most Commented Posts yang saya pasang di footer:

<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.romelteamedia.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>

Leave a Reply

Your email address will not be published. Required fields are marked *