Membuat Widget Recent Comments Simpel Elegant

Membuat Widget Recent Comments Simpel Elegant

Recent Comments - Widget komentar ini sangat cocok untuk blog anda yang bisa di bilang sudah mempunyai banyak pengunjung dan selalu meninggalkan komentar pada blog anda. Widget Recent Comments yang akan saya bagikan ini pun tidak mengganggu kecepatan blog anda, karena fungsinya hanya di gunakan untuk menjalankan widget comments saja tanpa pemanggil pemanggil kode javascript kebanyakkan seperti tutorial blog yang lainya. Dengan penerapan kotak komentar ini pun anda bisa memantau siapa komentar pengunjung yang belum sempat anda baca atau balas & jika sobat blogger tertarik, anda bisa melihat penerapanya dan demo gambarnya di bawah ini.
Membuat Widget Recent Comments Simpel Elegant

Cara Memasang Widget Recent Comments Simpel Elegant Untuk Blogger

1. Silakan anda copy dan paste kode ini diatas kode </head>
<script type='text/javascript'>
//Recent Comments Settings
var numComments  = 5;
var characters  = 60;
</script>
<script type='text/javascript'>
//<![CDATA[
//Recent Comments
var numComments=numComments||5,characters=characters||40;function recent_comments(tb){var commentsHtml;commentsHtml='<ul id="recent_comments">';for(var i=0;i<numComments;i++){var commentlink,authorName;if(i==tb.feed.entry.length)break;commentsHtml+="<li>";var entry=tb.feed.entry[i];for(var l=0;l<entry.link.length;l++){if(entry.link[l].rel=='alternate'){commentlink=entry.link[l].href}}for(var a=0;a<entry.author.length;a++){authorName=entry.author[a].name.$t}commentsHtml+="<strong><a href=\""+commentlink+"\" title=\""+authorName+"\">"+authorName+"</a></strong>";var commHTML=entry.content.$t;var commBody=commHTML.replace(/(<([^>]+)>)/ig,"");if(commBody!=""&&commBody.length>characters){commBody=commBody.substring(0,characters);commBody+=" &hellip;"}else{commBody=commBody}commentsHtml+=" - ";commentsHtml+="<span>"+commBody+"</span>";commentsHtml+="</li>"}commentsHtml+='</ul>';document.write(commentsHtml)}
//]]>
</script>

2. Dan selanjutnya simpan kode berikut ini didalam widget blogger HTML/JavaScript.

<script>
document.write("<script src=\"/feeds/comments/default?alt=json&callback=recent_comments\"><\/script>");
</script>
3. Silahkan anda simpan dan lihat hasilnya.

Demikian postingan saya tentang Membuat Widget Recent Comments Simpel Elegant, jika sobat tertarik ingin merubah kotak komentar pada blog anda, sobat bisa masukk ke postingan saya berikut Cara membuat threaded comment blog Seperti Kang Ismet . Semoga Bermanfaat!

Saya merupakan anak ke 8 dari 8 bersaudara, berwatak keras kepala dan sangat mencintai dunia blogging serta desain.
"Love My Mom"

Previous
Next Post »