Langsung ke konten utama

Cara Membuat Widget Recent Comments Ringan di Blog

Cara Membuat Widget Recent Comments Ringan di BlogWidget recent comments berfungsi untuk memperlihatkan komentar terakhir dari para pengunjung dan admin.

Widget Recent Comments adalah widget yang di perlukan di setiap blog.

Karena dengan widget ini menandakan bahwa blog tersebut masih aktif dan memiliki banyak pengunjung.

Widget ini masih terbilang simple dan ringan, sehingga kalian tidak perlu takut dengan loading blog kalian.

(Baca juga : Cara Membuat Widget Komentator Terbaik di Blogger)

Untuk cara memasangnya ikuti langkah-langkah dari saya berikut ini.

Cara Memasang Widget Recent Comments Ringan di Blog


  • Langkah pertama masuk ke akun blogger kalian
  • Pilih menu Tema, lalu pilih Edit HTML
  • Masukan skrip di bawah ini sesudah kode <head> atau sebelum 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>

    • 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 skrip berikut ini
<script>
document.write("<script src=\"/feeds/comments/default?alt=json&callback=recent_comments\"><\/script>");
</script>

  • Setelah selesai, pilih Simpan.

(Baca juga : Cara Membuat Widget Artikel Terbaru Super Ringan di Blog)

Demikianlah tutorial dari saya mengenai cara membuat widget recent comments ringan di blog. Jika ada pertanyaan mengenai cara memasangnya, silahkan masukan di kolom komentar.

Terima kasih sudah berkunjung di blog saya ini. 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

Postingan populer dari blog ini

Cara Membuat Widget Random Post dengan Thumbnail di Blogger

Di dalam sebuah blog kita membutuhkan sebuah widget yang menunjang agar pengunjung dapat melihat semua artikel yang kita miliki. Untuk itulah kali ini saya membuat tutorial tentang cara membuat widget random posts dengan thumbnails di blogger. Di widget ini juga di sediakan keterangan waktu artikel di buat, banyaknya komentar, serta menampilkan sedikit isi artikel tersebut, dan yang paling penting widget random posts ini memiliki thumbnail gambar agar widget terlihat menarik. Untuk kalian yang ingin tahu cara memasang widget random posts ini, ikuti langkah-langkah dari saya berikut ini. (Baca juga : Cara Membuat Widget Artikel Terbaru Super Ringan di Blog ) Cara Memasang Widget Random Posts dengan Thumbnails di Blogger Langkah pertama buka akun Blogger kalian Pilih menu Tata Letak , kemudian pilih Tambahkan Gadget , lalu pilih HTML/Javascript Masukan Judul widget, lalu masukan skrip di bawah ini <style> #random-posts img { border-radius: 10px; float: left; margin-...