Blog Inspirasi Digital

Blog Inspirasi Digital

Tutorial Blog, SEO, WEB 2.0, HTML, CSS, Javascript dan Inspirasi Digital

Full Source Code "Recent Comments" For Blogger Beta

Beberapa rekan mengirim saya email dan menanyakan apakah saya mempunyai source code untuk "Recent Comment" atau yang biasa kita sebut dengan "Komentar Terbaru". Kalo tidak salah ada 5 email menanyakan hal sama, dari pada saya membalas satu persatu email tersebut lebih baik saya posting di blog saja, source code ini bukan buatan saya tapi buatan Hans Oosting yang beralamat di http://beautifulbeta.blogspot.com. Dengan source code ini kita bisa mengedit sendiri "Recent Comment" sesuai dengan keinginan,yang jelas jika kita sudah punya basic pemrograman pasti bisa mengedit kode ini dengan mudah, asal jangan lupa jangan merubah kode sumber pembuatnya ya...

Source code ini terdiri dari 2 bagian, pada code bagian pertama kode ini dapat dimasukan dimana aja selama kita mempunyai tempat penyimpanan pada directory web. jika gak punya directory penyimpanan pada web site kita dapat menggunakan layanan gratis misalnya http://www.geocities.com  atau http://www.tripod.com  Sebelum melakukan proses upload ada baiknya buka notepad terlebih dahulu atau tools text editor apa saja, kemudian copy-paste kode dibawah ini simpan dengan nama (mis: recentcomments.txt). Jika nama file sudah tercipta lakukan upload seperti biasa, pasti udah tau caranya khan :). Jika menggunakan layanan http://www.geocities.com kita tinggal login kemudina menuju  File Manajer - ketikan nama file-nya kemudian klik tombol new, hapus semua tulisan kemudian copy paste pada halaman tersebut dan terakhir jangan lupa disimpan :)

Kode bagian pertama :

// ----------------------------------------
// SHOW RECENT COMMENTS
// ----------------------------------------
// This functions takes a blogger-feed in JSON
// format and displays it.
//
// Version    : 2.1
// Date        : 2007-02-02
// Author     : Hans Oosting
// URL        : beautifulbeta.blogspot.com
// ----------------------------------------


function showrecentcomments(json) {
for (var i = 0; i < numcomments; i++) {
var entry = json.feed.entry[i];
var alturl;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
alturl = alturl.replace("#", "#comment-");
var postlink = alturl.split("#");
postlink = postlink[0];
var linktext = postlink.split("/");
linktext = linktext[5];
linktext = linktext.split(".html");
linktext = linktext[0];
var posttitle = linktext.replace(/-/g," ");
posttitle = posttitle.link(postlink);
var commentdate = entry.published.$t;
var cdyear = commentdate.substring(0,4);
var cdmonth = commentdate.substring(5,7);
var cdday = commentdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
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 (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write('<br/>');
if (showcommentdate == true) document.write('On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented');
if (showposttitle == true) document.write(' on ' + posttitle);
if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
if (standardstyling) document.write('<br/>');
if (comment.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(comment);
if (standardstyling) document.write('</i>');}
else
{
if (standardstyling) document.write('<i>');
comment = comment.substring(0, numchars);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + alturl + '">(more)</a>');
if (standardstyling) document.write('</i>');}
if (!standardstyling) document.write('</div>');
if (standardstyling) document.write('<br/>');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');
document.write('<span style="font-size:80%;">Widget by <a href="http://hackosphere.blogspot.com">Hackosphere</a><br/>Powered by <a href="http://beautifulbeta.blogspot.com">Beautiful Beta</a></span>');
if (!standardstyling) document.write('</div>');
}


Untuk melakukan memanggilan pada kode diatas kita tinggal menggunakan code dibawah ini, caranya tinggal copy paste code tersebut dan masukan pada halaman element blogger.

Kode bagian kedua :

<script style="text/javascript" src="http://www.geocities.com/oom_directory//recentcomments.txt"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://o-om.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Jangan lupa mengubah kode pada kode bagian kedua, perubahan dapat dilihta pada warna merah dan pink.

Pada warna merah : Alamat tempat kita menyimpan code bagian pertama
Pada warna pink : Ganti dengan alamat blog mu


Malas mempraktekan code diatas kamu bisa  install langsung ke blog mu :



Jika ada pertanyaan mengenai kode diatas bisa masukan melalui komentar. terima kasih (oom)

BERI KOMENTAR

Silahkan beri komentar dengan bijak dan sesuai dengan topik artikel :)
 

Back to Top