Cara Membuat Most Komentar keren di Widget

Cara Membuat Most Komentar keren di Widget

Jalak Ikal 24 May 0 komentar
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

Ratings: 
Posted by Jalak Ikal, Published at 24 May and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi