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 Memasang Lebih Dari 2 In-Feed Ads Google AdSense

Setelah sebelumnya saya membagikan cara memasang In-feed ads Google AdSense secara otomatis , kali ini saya akan membagikan cara memasang lebih dari 2 In-feed ads Google Adsense . (Baca juga : Cara Memasang In-Article Ads Google AdSense Secara Otomatis ) Seperti yang kita ketahui fitur In-feed ads ini sangat berguna bagi para publisher Google AdSense. Karena memudahkan para pengunjung kita untuk melihat dan meng-klik iklan yang ada di pertengahan menu postingan. Selain itu, iklan In-feed ads ini juga tidak merusak pandangan blog kita. Sehingga tidak akan mengurangi pengalaman pengunjung terhadap blog yang kita miliki. Singkat cerita saya mendapatkan kode memasang iklan ini dari blog idola saya yaitu Arlina Design , tetapi karena kode yang di berikan hanya 2 buah slot saja, maka saya akan memberikan cara memasang iklan In-feed ini lebih dari 2 buah. Nah, bagi yang belum tahu cara memasang lebih dari 2 buah In-feed ads , ikuti langkah-langkah dari saya berikut ini. Cara Memasang Lebih d...

Cara Membuat Prism Syntax Highlighter untuk Menampilkan Script Code di Blogger

Untuk kalian yang gemar membagikan tutorial di blogger pastinya kalian membutuhkan Syntax Highlighter ini, apalagi kalian yang menerapkan blog dengan niche programming. Pada tutorial kali ini saya akan memberikan tutorial tentang cara membuat prism syntax highlighter untuk menampilkan script code di blogger . (Baca juga :  Cara Membuat Syntax Highlighter Otomatis Tanpa Javascript di Blogger ) Syntax Highlighter ini sudah tidak saya pakai sekarang, tetapi syntax highlighter ini sangat cocok untuk membagikan tutorial-tutorial yang menggunakan coding. Syntax Highlighter ini saya temukan di blog Arlina Design yang menerapkan niche tutorial blog dan sering membagikan template yang responsive. Kata admin blog Arlina Design, syntax highlighter ini adalah kombinasi antara syntax highlighter yang di buat blog Kang Ismet dan fitur penomoran yang di buat blog Kompi Ajaib . Untuk lebih jelasnya ikuti langkah-langkah dari saya mengenai cara membuat prism syntax highlighter untuk menampilkan ...

Cara Menampilkan Ekstensi File atau Tipe File di Windows 7

Kita pasti pernah melihat tipe-tipe file yang ada di komputer, tetapi hanya ada di keterangan pada filenya saja. Menampilkan ekstensi file ini sangat berguna saat kita ingin mengelompokan file-file yang ada. Untuk itu pada tutorial kali ini, saya akan memberikan tutorial tentang cara menampilkan ekstensi file atau tipe file di windows 7 . (Baca juga :  Cara Menyembunyikan File dan Folder yang Ada di Komputer ) Apa itu Ekstensi file ( file extension ) ? Ekstensi file adalah tipe file yang ada di belakang nama file setelah titik yang menunjukan jenis file. Contohnya seperti file doc untuk dokumen, txt di notepad, jpg atau png yang sering kita lihat di gambar. Untuk langkah-langkah cara menampilkan ekstensi file atau tipe file , silahkan ikuti langkah langkah dari saya. Berikut adalah langkah-langkahnya. (Baca juga :  Cara Convert Video Menjadi MP3 dengan Software Format Factory ) Cara Menampilkan Ekstensi File atau Tipe File di Windows 7 Langkah pertama adalah buka tempat p...