Widget recent comment berfungsi untuk memperlihatkan komentar terakhir dari para pengunjung dan admin. Widget Recent Comment adalah widget yang di perlukan di setiap blog, karena dengan widget ini menandakan bahwa blog tersebut masih aktif dan memiliki banyak pengunjung. Untuk itu pada tutorial kali ini saya akan memberikan artikel tentang cara membuat widget recent comment di blogger.
Baca juga : Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger
Widget ini masih terbilang simple dan ringan, sehingga kalian tidak perlu takut dengan loading blog kalian. Untuk cara memasangnya ikuti langkah-langkah dari saya berikut ini.
Baca juga : Cara Membuat Recent Post Berdasarkan Label Di Blogger
Demikianlah tutorial dari saya mengenai cara membuat widget recent comment di blogger. Jika ada pertanyaan mengenai cara memasangnya, silahkan masukan di kolom komentar.
Terima kasih sudah berkunjung di blog saya ini, semoga artikel ini bermanfaat untuk kalian semua. Untuk tutorial yang lainnya dari saya, silahkan tetap kunjungi tutorialumum.com.
Source : http://kang-mousir.blogspot.com/2014/08/membuat-widget-recent-comments-untuk-blogger.html
Baca juga : Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger
Widget ini masih terbilang simple dan ringan, sehingga kalian tidak perlu takut dengan loading blog kalian. Untuk cara memasangnya ikuti langkah-langkah dari saya berikut ini.
Baca juga : Cara Membuat Recent Post Berdasarkan Label Di Blogger
Cara Memasang Widget Recent Comment Ringan di Blog
- Langkah pertama masuk ke akun Blogger kalian.
- Pilih menu Tema, lalu pilih Edit HTML.
- Masukan script di bawah ini sesudah kode <head> atau sebelum kode </head>.
- Catatan : 5 = Ganti dengan jumlah komentar yang ingin kalian tampilkan.
- Setelah selesai, pilih Simpan tema.
- Masuk ke menu Tata Letak, kemudian pilih lokasi widget yang di inginkan.
- Pilih Tambahkan Gadget, lalu pilih HTML/Javascript.
- Kemudian masukan Judul, dan masukan script berikut ini di kolom Konten.
- Setelah selesai, pilih Simpan.
<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+=" …"}else{commBody=commBody}commentsHtml+=" - ";commentsHtml+="<span>"+commBody+"</span>";commentsHtml+="</li>"}commentsHtml+='</ul>';document.write(commentsHtml)}
//]]>
</script>
<script>
document.write("<script src=\"/feeds/comments/default?alt=json&callback=recent_comments\"><\/script>");
</script>
Terima kasih sudah berkunjung di blog saya ini, semoga artikel ini bermanfaat untuk kalian semua. Untuk tutorial yang lainnya dari saya, silahkan tetap kunjungi tutorialumum.com.
Source : http://kang-mousir.blogspot.com/2014/08/membuat-widget-recent-comments-untuk-blogger.html
0 Comments