Rz
Maret 27, 2015

Cara Bikin widget Most Comment diblogger

Cara Bikin widget Most Comment diblogger
widget Most Comment ? widget Most comment adalah Widget yang menampilkan artikel yang paling banyak di komentari pengunjung blog anda, dari yang ter kecil sampai terbanyak komentar, Untuk sebelumnya MAKNYUSblogger Juga posting tentang Cara bikin Random Post di blogger dan Membuat Widget Recent Posts Untuk Blog
Sama seperti sebelumnya yang di tampilkan pada widget ini Hanya menampilkan Judul artikel saja tapi disertai jumlah kontator di artikel tersebut
Cara Bikin widget Most Comment diblogger
Silahkan kopi semua kode di bawah ini masukan ke widget anda Gunakan HTML/javasript
<style type="text/css" scoped>
#most-commented ul,#most-commented li{margin:0;padding:0;list-style:none;color:black;font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px}
#most-commented ul li{position:relative;overflow:hidden;background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #f5edf5 100%);border:1px solid #DFDFDF;margin:0 0 10px 0!important;padding:5px 5px 5px 45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#most-commented ul li a{color:#666;text-shadow:0px 1px 0px #fff;font-weight:bold;text-decoration:none;}
#most-commented ul li:hover{background: #F9F9F9;}
.bubble-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:5px 0;background-color:#333;color:#fff!important;text-align:center;}
</style>
<div id="most-commented"></div>
<script type"text/javascript">
//<![CDATA[
// http://gplus.to/maknyus - http://maknyusblogger.blogspot.com
var numPosts=10;//Jumlah artikel yang ingin ditampilkan
var homePage="maknyusblogger.blogspot.com";//URL blog
var postTitlear=new Array();
var postUrlar=new Array();
var postCommentar=new Array();
var totalpost;document.write('<div id="most-commented"><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="bubble-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>
PENGATURAN
ICON TEKS
var homepage isi dengan URL blog anda
numposts Isi dengan Jumlah artikel yang anda ingin tampilkan
Dengan terpasangnya widget ini di blog anda, Akan mempermudah pengunjung untuk mengetahui artikel apa yang banyak digemari pengunjung, Oky tengyu dan matur tengyu.
Anda baru saja membaca artikel tentang - Cara Bikin widget Most Comment diblogger. Silahkan baca artikel berikutnya Tentang - Next - Jangan lupa g+1 / fb / twit :)

Artikel Terkait

Buka Komentar

Tidak ada komentar:

Posting Komentar