Cara Membuat Most Komentar keren di Widget

adscblog

Dari Hari kehari banyak Blogger yang berlomba lomba berkreasi untuk template nya,baik itu dari tampilan Template,Artikel ataupun Widget yang di pasang di samping blog,bahkan masih banyak lagi keunikan keunikan lain nya yang di kreasikan oleh Master blogger,dan salah satu nya yaitu Recent Comment,

Recent Coment ini adalah menampilkan berbagai komentar yang berada di blog anda,dan di artikel manapun Widget Komentar ini akan menampilkan nya,namun kali ini Recent Comment atau widget komentar ini terlihat keren dan bahkan menarik di pandang mata,walaupun saya sudah banyak share tentang cara pembuatan Recent Comment di artikel lain nya,tetapi menurut saya Recent Comment yang ini sangat baik di pasang di Template,seperti yang anda lihat di bagian samping blog ini.

Walaupun tidak di sertai dengan gambar seperti hal nya Widget Koment lain nya,tetapi Widget Koment yang satu ini menarik nya dengan Jumlah Komentar pada artikel tertentu terlihat jelas sehingga tampilan nya lebih menarik lagi,dan untuk cara pemasangan nya pun sangat lah gampang sekali seperti hal nya kita memasangan widget lain pada umum nya

Cara Memasang Widget Komentar keren di blog

Cara pemasangan nya Widget Komentar ini dapat anda ikuti langkah-langkah di bawah ini

1. Silahkan Login ke blogger
2. Kemudian klik Layout/Tataletak yang berada di bagian samping blogger
3. Setelah itu klik Add a Gadget
4. Dengan begitu maka akan tampil berbagai Feature blogger
   
5. Kemudian silahkan klik HTML/JavaScript
6. Kemudian Masukan Kode berikut di bagian kolom yang sudah di sediakan

<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.infotrens.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 rel="nofollow" rel="noreferrer"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>

7.Save dan lihat Hasil nya

Keterangan
var numposts=5 :: itu adalah menampilkan Jumlah Komentar,silahkan ganti sesuai yang anda inginkan
var homPage=www.infotrens.com silahkan ganti dengan nama URL blog sobat

Nah itulah cara pembuatan Widget Komentar yang keren,semoga bermanfaat dan selamat mencoba

adscblog

Recommendation Apps

ads1

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by Dede Ubed, Published at 24 Mei and have 0 komentar