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 Script Redirect UC Browser ke Chrome Lebih Cepat

UC Browser memanglah browser terbaik untuk menampilkan halaman website tanpa iklan. Namun ini akan berdampak buruk bagi para publisher , khususnya publisher Google AdSense . Dengan banyaknya pengguna UC Browser, maka para publisher akan kehilangan banyak penghasilan. Untuk itulah pada tutorial kali ini saya akan memberikan cara memasang script redirect UC browser ke Chrome dengan mudah dan pastinya cepat . Script ini sebenarnya saya dapatkan dari forum ads.id, karena kebetulan script auto redirect ini lagi terkenal, akhirnya saya share ke blog saya. Script auto redirect ini mungkin bisa lebih cepat dari pada script auto redirect yang di share sebelumnya di forum ads.id, tapi saya juga belum tahu pasti seberapa cepat script ini bisa auto redirect dari UC browser ke Chrome. (Baca juga :  Cara Memasang Lebih Dari 2 In-Feed Ads Google AdSense ) Untuk cara memasangnya, langsung saja ikuti langkah-langkah dari saya di bawah ini. Cara Memasang Script Redirect UC Browser ke Chrome di Blog...

Cara Mudah Membuat Sitemap Untuk Blog

Sitemap sangatlah di butuhkan di setiap blog, apalagi sitemap memudahkan bagi pengunjung yang ingin tahu apa saja isi dari artikel yang kita miliki. Untuk itulah kali saya akan memberikan tutorial tentang cara mudah membuat sitemap untuk blog .   Sitemap ini di bagi berdasarkan label sehingga memudahkan pengunjung mencari berdasarkan label yang ada. (Baca juga : Inilah Cara Mudah Memasukan Halaman Statis(Laman) Di Menu Navigasi ) Apa lagi di tambah fitur tanda tulisan New! Apabila kita baru membuat sebuah artikel, sehingga pengunjung mudah membedakan mana artikel yang baru dibuat, dan mana yang artikel lama. Bagi yang ingin tahu cara memasangnya, ikuti langkah-langkah dari saya berikut ini. Cara Memasang Sitemap Untuk Blog Masuk akun Blogger kalian Pilih menu Laman , kemudian pilih Laman baru Di Laman pilih tab HTML , kemudian masukan skrip di bawah ini <style> p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;} a.post-titles {color: #0000FF;} ol li{list-...

Cara Mudah Install XAMPP 1.7.3 di Komputer

Setelah sebelumnya ane memberikan tutorial tentang cara mudah uninstall XAMPP di komputer , kali ini ane akan memberikan tutorial tentang cara mudah install XAMPP 1.7.3 di komputer . (Baca juga :  Cara Mudah Uninstall XAMPP di Komputer ) Pengertian XAMPP XAMPP merupakan beberapa penggabungan beberapa program, yang berfungsi sebagai web server yang bisa berdiri sendiri. XAMPP terdiri atas beberapa program yaitu,  Apache HTTP Server , MySQL database, dan bahasa pemrograman PHP dan Perl . XAMPP sebenarnya adalah singkatan dari beberapa kata yaitu. X = Maksud dari huruf X adalah software ini dapat di jalankan di berbagai sistem operasi. A = Apache, apache adalah web server yang di gunakan untuk menjalankan sebuah halaman dengan kode PHP. M = MySql, MySql adalah database server yang di gunakan untuk menyimpan data-data yang di buat dengan bahasa Sql. P = PHP adalah bahasa pemrograman untuk menampilkan halaman web, dan membuat halaman web. P = Perl adalah bahasa pemograman yang ...

Momen Lucu yang terekam Google Street View

Momen Lucu yang terekam Google Street View - Google adalah sumber informasi yang paling sering digunakan saat ini. Tidak hanya sebuah mesin pencari , Google juga memiliki teknologi yang dinamakan Google Street View . Google Street View adalah teknologi yang mampu merekam setiap jalan yang di lewati mobil Google yang akan mengunggah gamabar ke peta Google atau yang kita kenal Google Map . Akan tetapi bukan hanya merekam jalan, teknologi ini banyak merekam hal-hal yang lucu dan menarik. Seperti beberapa momen berikut yang di kutip dari beberapa sumber yang ada berikut ini. Dijamin membuat anda tertawa dan bingung. Berikut adalah Momen Lucu yang terekam Google Street View : Momen Lucu yang terekam Google Street View 1. Ibu-ibu jatuh dari sepeda motor? Sumber gambar : kumparan.com Sumber gambar : kumparan.com 2. Dua orang berpakaian penyelam di tengah jalan? Sumber gambar : www.brilio.net 3. Orang sedang ngupil di dalam mobil Sumber gambar : www.unic77.net 4. Seorang persepeda jatuh da...