13 February, 2009

Cara Mudah Membuat Widget Komentar Terbaru

Today Tutorial Blog dan Blogger Hack. Komentar adalah rangkaian kalimat yang selalu di harapkan oleh blogger walaupun cuma beberapa kata yang tentu saja akan membuat senang dan memberi semangat buat blog kita. Bener ga?

Nah agar kita mengetahui adanya komentar terbaru di blog kita maka kita harus menambahkan widget di blog kita. Perlu diketahui bahwa dalam membuat widget komentar terbaru ada dua macam yaitu memanfaatkan RSS Feed dan Javascript  Pada Tutorial blog kali ini kita akan membuat Recent Comment alias Komentar terbaru dengan code Javascript.

Di sini akan kita buat secara  singkat dan mudah. silahkan di simak:

  1. Masuk ke Layout blog kamu
  2. Kemudian Tambahkan sebuah gadget
  3. Pilih HTML/Javascript
  4. Copy dan paste kode di bawah ini di dalamnya

<ul><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 5; 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, "");
document.write('<li>');
document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>');
document.write(' on ' + pttitle);
document.write('<br/>');
if (comment.length < 100) {
document.write(comment);
}
else
{
comment = comment.substring(0, 100);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + ctlink + '">(more)</a>');
}
}
document.write('</li>');
document.write('<div style="font-size:75&percnt;;text-align:center"><a href="http://blogtutormaster.blogspot.com/2009/02/How-to-make-recent-comment.html">Get this Widget</a></div>');
}
</script>
<script src=http://URLblogkamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments>
</script></ul>
<noscript>You need to enable JavaScript to read this.</noscript>

      5. Save and Done

Note:

Ganti URL http://URLBlogkamu.blogspot .com dengan alamat blog kamu

 

Nah sekarang kamu dapat mengetahui adanya komentar terbaru di blog kamu, di Tutorial blog ini kita saling berbagi ilmu dan sama-sama belajar. Jadi silahkan kasih pertanyaan, saran maupun kritik yang membangun,,

Selamat mencoba Tutorial blog ini

13 comments: