Menampilkan Daftar Posting Terbanyak Dikomentari

Menampilkan Daftar Posting Terbanyak Dikomentari

CARA memasang, membuat, atau menampilkan sidebar widget daftar posting pyang paling banyak dikomentari (Most Commented Posts) sangat mudah.


Daftar Posting Terbanyak Dikomentari

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.

Fungsinya sebagai navigasi dan internal link untuk meningkatkan pageviews.

Google juga senang jika desain blog memudahkan pengguna untuk mencari info yang dibutuhkannya. Jadi, bisa dibilang tips ini juga bagian dari seo.

CaraMenampilkan Daftar Posting Terbanyak Dikomentari

1. Klik 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.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>

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! (https://www.contohblog.com).*

Source

Thanks for reading Menampilkan Daftar Posting Terbanyak Dikomentari | Labels: Desain Blog edit this post
0 Komentar untuk "Menampilkan Daftar Posting Terbanyak Dikomentari"

Contact Form

Name

Email *

Message *