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:

Master Blog said...

asyik ada emoticon nya,,,,silahkan di nikmati :D

TEGAR AWAN SABRANG CAKRAWALA said...

thnks beud ya...

ndyw said...

koq ane coba malah ga bisa ya????
bingung :(

Marz said...

mantap

Fakta Unik said...

Thanks sob...sangat bermanfaat...

Anonymous said...

gw jg gabisa

achmadtk07 said...

Langsung Praktek, makasih infonya Gan.

jandi said...

Ohh..mKasiH gan... Kunjungi bLog sy juga... Cara hacking....

http://didid-cracker.blogspot.com/

Hanran Community said...

gk bsa pun gan

Ryan said...

Tank's Gan ....
Hasil Bisa Di Liat ...
http://nisaryan.blogspot.com/

AntonAbiHandsome said...

tenkyu mas bro,dah jadi nih...

Ayu Welirang said...

makasih tutorialnya.. nah, kalau mau menampilkan lebih dari 5 gimana?

Bange said...

Keren...makasih gan

Post a Comment