Membuat Widget Komentar Terbaru

19.7.11

Hari ini tutorial blog kita mengenai widget komentar terbaru. Komentar yaitu 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 perhatikan langkah berikut:

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://dunia-infoku.blogspot.com/2010/01/membuat-widget-komentar-terbaru_14.html">Get this Widget</a></div>'); } </script> <script src=http://ahmad-888.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 dan selesai...

Catatan: Ganti URL http://ahmad-888.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 memberikan pertanyaan, saran maupun kritik selama itu membangun. Hehehe...

Selamat mencoba Tutorial blog ini.

3 komentar:

maibelopa Mengatakan...

nice post. .
thz u ^^,

Ahmad Poethra Bone Mengatakan...

thx kunjungannya

COF Mengatakan...

Dicoba tipsnya sob, mudah2an blog ane bisa lebih menarik.

Post a Comment