KianHome - Postingan kali ini akan K'ian bahas mengenai cara buat recent comment versi ke II, setelah pada postingan pertama k'ian buat kurang lebih 2 tahun yang lalu. Ada sedikit perbedaan dengan "Recent Comment" bawaan blogger, ya namanya juga recent comment-tentunya untuk keperluan komentar-komentar baru yang muncul diblog kita. Dari pada kelamaan kita akan langsung mulai tutorialnya..

1. Masuk kemenu "Rancangan", kemudian pilih "Edit HTML"
2. Copy kode dibawah ini dan letakkan sebelum kode ]]></b:skin>

.comment{
padding:5px; width:auto; margin:auto;
}
.comment h2{
font:Georgia 14px normal;border-bottom:1px solid #d2d2d2;}
.comment ul{margin:5px 0 0;padding:5px; line-height:15px}
.comment ul li{
border-bottom:1px dashed #d2d2d2;padding:5px 0px 5px 0px;color:#000;}
.comment ul li a:visited{color:#585858;padding:0;text-decoration:none}

3. Simpan

Pasang Scriptnya
Untuk memasang scriptnya ikuti langkah berikut ini :
1. Masuk ke menu "Rancangan", kemudian pilih "Add Gadget",
2. Pilih lagi "HTML/Javascript", kmudian copy kode dibawah ini,

<div class='comment'>
<script style='text/javascript'>
function showrecentcomments(json) {
for (var i = 0; i < 10; 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> said:');
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 href="' + ctlink + '">'+comment + '...</a>');
}
}
document.write('</li>');
}
</script><ul><script src='/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'></script></ul></div>

3. Simpan dan lihat hasilnya