Make Your Own Recent Comment Widget

Kita akan membicarakan tentang membuat Widget tentang Recent Comment, dan Recent Post widget lewat Feed blogmu. Ini adalah jalan yang simpel sekali sampai-sampai, hampir semua para Blogger bisa nyambung dan menggunakannya. Di pertengahan bulan yang lalu, Blogger memiliki kemajuan terhadap API Gdata, sebelumnya, banyak para Bloggers yang melaporkan adanya kerusakan/kesalahan ketika mereka memanfaatkan Feed Widget pada Blogger. Sekarang, Blogger telah membetulkan kesalahan itu, dan Feed sudah bekerja kembali. Makanya, sekarang kita akan buat bersama Recent Commend dan Recent Post widget, gimana?

Kita akan membicarakan tentang membuat Widget tentang Recent Comment, dan Recent Post widget lewat Feed blogmu. Ini adalah jalan yang simpel sekali sampai-sampai, hampir semua para Blogger bisa nyambung dan menggunakannya. Di pertengahan bulan yang lalu, Blogger memiliki kemajuan terhadap API Gdata, sebelumnya, banyak para Bloggers yang melaporkan adanya kerusakan/kesalahan ketika mereka memanfaatkan Feed Widget pada Blogger. Sekarang, Blogger telah membetulkan kesalahan itu, dan Feed sudah bekerja kembali. Makanya, sekarang kita akan buat bersama Recent Commend dan Recent Post widget, gimana?

Enable Comments Feed

Pertama, kita harus yakin kalau Comment Feeds kita telah diaktifkan. Jika kamu sudah ter-login, masuk ke Settings -> Site Feed dan pilih ke “Advanced Mode”. Kamu harus merubah “Blog Comment Feed” dan “Per-Post Comment Feeds” dari “Short” menjadi “Full”. Dan jangan pernah memilih “None”. Simpan Settings.

Membuat Recent Comment Widget

Sekarang kita akan memulai Recent Comment Widget-nya, dengan tetap mengandalkan JavaScript (wong jowo pancen huebat ngge?). Kenapa sih kok JavaScript melulu? Karena javascript itu kalo diload cepet karena bahasa yang digunakan itu simpel dan tidak terlalu mbulet seperti bahasa-bahasa script lainnya. Caranya sih muda, upload script java mu ke situs yang terbuka (misal GooglePages) dan menggunakan alamat script itu kedalam kode dalam templatemu.

Ketika sebuah halaman terload, browser akan mengunjungin terlebih dahulu situs tersebut untuk membaca kode script yang terdapat di file .js tersebut. Tetapi masalahnya, beberapa users telah mengkonfigurasi browser mereka untuk men-disable skrip dan skrip tersebut tidak akan pernah dibaca. Pembacamu tidak akan pernah membaca bahkan melihat koment yang ada di widget elo, tetapi tenang aku punya cara untuk mengatasinya.

Tetapi, sekarang kita tidak akan mengupload JavaScript itu kemana-mana, karena ini latihan pertama kita. Kita taruh aja langsung di situs kita, gimana? Setuju? Kalau gitu langsung saja ke Page Element dan pencet Add Page Element, lalu pilih “HTML/JavaScript” dan paste nie kode berikut :

<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="text-align:center"><a href="http://tips-for-new-bloggers.blogspot.com/">Widgets by Tips for New Bloggers</a></div>');

}

</script>

<script src=" http://blogywalkie.blogspot.com /feeds/comments/default?alt=json-in-script&callback=showrecentcomments">

</script></ul>

<noscript>You need to enable JavaScript to read this.</noscript>

(CTL+CLICK to block this code :))

<noscript> adalah tag yang digunakan untuk memberitahu sebuah User pada browser tadi kalo JavaScriptnya dimatiin, dan akan diperingatin berupa text “You need to enable JavaScript to read this”

Pergantian yang harus dilakukan :

1. jika kamu ingin lebih dari 5 komen yang akan di tampilkan di widget, rubah tulisan yang bercolor biru .

2. Batas maksimal kata-kata sebuah koment hanya 100 saja, jika lebih akan dipotong. Rubah tulisan orange jika ingin merubah seberapa panjang teks komen ditampilkan..

3. Kamu HARUS merubah tulisan berwarna hijau dengan alamat situs (blog) mu sendiri

Setelah merubah ini-itu, simpang donk page element elo, dan langsung deh liat asilnya di blog elo. Tunggu ya tentang recent post widget, masih dalam proses pembuatan nie.

www.blogywalkie.blogspot.com

this article is about Blogger Add-Ons, JavaScript