Recent comment membantu anda terutama sebagai admin untuk melihat komentar terbaru yang masuk kedalam blog anda, sehingga anda bisa sewaktu itu juga membalas komentar dari pengunjung. Ini sangat penting, terutama bagi blog yang mempunyai banyak sekali artikel postingan. Meskipun kita juga bisa melihatnya secara langsung komentar yang masuk tersebut melalui tab comment di dashboard blogger. Posting yang lalu kita telah membuat recentpost di blogspot, untuk posting kali ini kita akan membuat recent comment pada bloganda dengan menggunakan javascript.
Mempercantikblog dengan javascript terutama untuk membuat recent comment pada blog bisa anda lakukan dengan mengikuti langkah berikut. Silahkan anda copy kode berikut ini dan letakkan setelah kode <body> pada template anda
<script style='text/javascript'>
function showrecentcomments(json) {
for (var i = 0; i < 6; i++) {
var entry = json.feed.entry[i];
var ctlink;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
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, "");
if (i==0) {
document.write('<li class="clear" style="border-top: 0pt none;">');
}
else{
document.write('<li class="clear">');
}
document.write('<a href="' + ctlink + '"><strong>' + entry.author[0].name.$t + '</strong></a> says:');
if (comment.length < 100) {
document.write('<a target="_blank" href="' + ctlink + '">'+comment+ '</a>');
}
else
{
comment = comment.substring(0, 100);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write('<a target="_blank" href="' + ctlink + '">'+comment + '...</a>');
}
}
document.write('</li>');
}
</script>
Kemudian anda tambahkan element baru html/javascript dan berikan titlerecent comment atau apa saja terserah anda, lalu masukkan kode berikut ini
<ul id='recentcomments'>
<script src='/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'/>
</ul></script></ul>
Selamat mencoba. Semoga berhasil.
Sincerely
Aris Krishna
Tel : 089681448698
Facebook : http://facebook.com/CacingLPK
E-mail : aris.krishna@gmail.com
Tidak ada komentar:
Posting Komentar
# Hanya menerima komentar yang berhubungan dengan artikel, atau berupa
kritik dan saran yang berhubungan dengan Blog ini.
# Komentar Sara, Spam, Link atau Anonim tidak diizinkan.
# Setiap komentar yang masuk akan saya approve kecuali komentar yang
menyalahi aturan.
# Terima kasih telah berkunjung di Blog sederhana ini. Salam sukses..!