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>
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,
1. Masuk kemenu "Rancangan", kemudian pilih "Edit HTML"
2. Copy kode dibawah ini dan letakkan sebelum kode ]]></b:skin>
.comment{3. Simpan
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}
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'>3. Simpan dan lihat hasilnya
<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>
udah ada ah...hihihihi good good ...Replay
@Beben Koben : Okeh-okeh deh..!!! thank's da komeng kang..!!! ...Replay
mantap bos tutorialnya ...Replay
@Complete Blog Reviews : Oke sob, sma-sama..!!! ...Replay