Recent Comment (Komentar terbaru) di blog

Sekarang kita akan membahas bagaimana cara menambah Recent Comment di blog. Dengan menu ini kita jadi tau komentar terbaru di blog kita, sehingga kita tidak perlu membuka posting satu persatu atau membuka e-mail untuk melihat siapa yang telah mengomentari artikel kita. Jadi disarankan buat semua pemilik blog memasang ini di blog masing-masing, agar lebih mudah kalian dalam blogging.
Sebenarnya ada banyak cara dalam memasang recent comment, ada yang dengan menambah manual dengan menulis kode html ada juga dengan menambah otomasis dengan menggunakan widget dari blog sendiri. Dan dianjurkan untuk memakai widget dari blog, karena itu lebih spesifik karena mengikuti standar blog sendiri. Tapi disini ditulis 2 cara menambah recent comment, terserah kalian memakai yang mana.

Nah, langsung aja. Begini caranya menambah Recent Comment di blog, yang pertama dengan fasilitas widget feed.
1. Login di blog kalian masing-masing tentunya.
2. Lalu pilih rancangan (layout) >> elemen laman (page element)
3. Klik tambah gadget (add gadget) terserah kalian menaruh dimana
4. Pilih feed, kemudian masukkan alamat url feed ini http://bloganda.blogspot.com/feeds/comments/full jangan lupa untuk mengganti bloganda.blogspot.com dengan nama blog kalian masing-masing ya. Kemudian pilih lanjutkan (continue).
5. Lalu beri nama widget baru kalian, misalnya Komentar Terbaru. Jumlah komentar bisa kalian setting sendiri, dengan maksimal 5 komentar.

6. Kemudian simpan (save) dech. Lalu lihat hasilnya..

Nah, yang ini cara menambah recent comment menggunakan kode HTML.

1. Kalian log in atau masuk ke blog kalian masing-masing.
2. Kemudian pilih layout atau rancangan, lalu pilih page element  atau  elemen laman
3. Lalu klik add gadget atau tambah gadget, lalu pilih HTML/Javascript.
4. Kemudian Copy kode di bawah ini, dan paste di bagian content.

<script style="text/javascript"> function showrecentcomments(json) { var numcomments = 5; var showcommentdate = true; var showposttitle = true; var numchars = 100; for (var i = 0; i < numcomments; i++) { var entry = json.feed.entry[i]; var alturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } alturl = alturl.replace("#", "#comment-"); var postlink = alturl.split("#"); postlink = postlink[0]; var linktext = postlink.split("/"); linktext = linktext[5]; linktext = linktext.split(".html"); linktext = linktext[0]; var posttitle = linktext.replace(/-/g," "); posttitle = posttitle.link(postlink); var commentdate = entry.published.$t; var cdyear = commentdate.substring(0,4); var cdmonth = commentdate.substring(5,7); var cdday = commentdate.substring(8,10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "Jun"; monthnames[7] = "Jul"; monthnames[8] = "Aug"; monthnames[9] = "Sep"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; if ("content" in entry) { var comment = entry.content.$t;} else if ("summary" in entry) { var comment = entry.summary.$t;} else var comment = ""; var re = /<S[^>]*>/g; comment = comment.replace(re, ""); document.write('<br/>'); if (showcommentdate == true) document.write('On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' '); document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented'); if (showposttitle == true) document.write(' on ' + posttitle); document.write('<br/>'); if (comment.length < numchars) { document.write('<i>'); document.write(comment); document.write('</i>');} else { document.write('<i>'); comment = comment.substring(0, numchars); var quoteEnd = comment.lastIndexOf(" "); comment = comment.substring(0, quoteEnd); document.write(comment + '...<a href="' + alturl + '">(more)</a>'); document.write('</i>');} document.write('<br/>'); } document.write('<br/>'); } </script> <script src="http://YOUBLOGNAME.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script> 

*  Ganti tulisan YOURBLOGNAME.blogspot.com yang berwana hijau di kode tersebut dengan alamat blog kalian sendiri.

5. Kalau sudah, simpan dech. tapi jangan lupa kasih nama widget baru kalian itu.

Author

Written by Prasetyo Subandrio

Belajar itu tidak pernah ada habisnya. Menulis disini secara tidak langsung membuat saya belajar lagi. Semoga tulisan saya disini bisa membantu teman-teman yang juga ingin belajar.

7 komentar: