Menambahkan “Recent Comment” pada Blogspot
Oleh Victor | Feb. 05, 2009 | Blogging, Tutorial & Trik Blogspot
Masih posting mengenai Blogspot nih. Melanjutkan posting sebelumnya tentang Read More dan Recent Post, yaitu Recent Comment atau Komentar Pengunjung terakhir yang muncul di sidebar seperti pada WordPress. Pada dasarnya sebenarnya kita sekali lagi memanfaatkan RSS untuk komentar yang kita tarik pada Recent Comment sama seperti pada Recent Post di posting sebelumnya.
Langsung aja ya, langkah-langkahnya prinsip sama dengan pemasangan Recent Post, yang berbeda hanya scriptnya saja. Pertama yaitu kita tentukan dimana Recent Comment akan dipasang, tambahkan Gadget HTML/Javascript.
Silakan masukkan script di bawah ini pada panel Gadget HTML/Javascript.
<ul> <script style=”text/javascript” src=”http://duniaanda.googlepages.com/typoxp-recentcomments2.js”> </script> <script style="text/javascript"> var numcomments = 5; var showcommentdate = false; var showposttitle = true; var numchars = 100; var standardstyling = true; </script> <script src="http://money-online-banking.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script> </ul>
Silakan ganti alamat url blog (money-online-banking.blogspot.com) dengan alamat url blog kamu.
Untuk script tersebut di atas kita memanfatkan script pengaturan Recent Comment yang tersimpan di duniaanda.googlepages.com. Jika kita menghendaki script tersebut dipasang diblog kita sekalian, maka silakan masukkan script dibawah ini pada panel Gadget HTML/Javasript.
<ul>
<script>
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('<li>');
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a>');
if (showposttitle == true) document.write(' on ' + posttitle);
if (showcommentdate == true) document.write(' at ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');
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('<div class="bbwidgetfooter">');
if (standardstyling) document.write('</li>');
if (!standardstyling) document.write('</div>');}
</script>
<script style="text/javascript">
var numcomments = 5;
var showcommentdate = false;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://money-online-banking.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
</ul>
Jangan lupa diganti alamat url blog (money-online-banking.blogspot.com) dengan url blog kamu ya. Untuk menentukan jumlah komentar yang muncul, silakan isi pada var numcomments (untuk contoh di atas saya menggunakan 5 komentar), dan untuk jumlah karakter di setiap komentar diisikan pada var numbchars (pada contoh di atas saya memilih 100 karakter), setelah itu simpan.
Selesai. Oke, selamat mencoba. Sebagai contoh di atas, saya ambil dari blog http://money-online-banking.blogspot.com/.
Penting: Sebelum memasang script di atas, sebaiknya copy paste di notepad (untuk mengcopy silakan klik icon View Source yang ada di pojok kanan atas > ikon ketiga di sebelah ikon printer), baru kemudian copy paste di blogspot.
38 Responses to “Menambahkan “Recent Comment” pada Blogspot”
Leave a Reply
-
Media Informasi Internet & Komputer
Daftarkan email, untuk mendapat update terbaru:
February 9th, 2009 at 14:35
wah..sayangnya saya pake WordPress mas..ga pake blogspot..:d
kalau pake WP kan tinggal diedit di widgetnya…
March 7th, 2009 at 02:02
Kok ga ada contohnya bos
March 7th, 2009 at 02:03
Gw msh blum ngerti gmna nyeting alamat email bos
March 7th, 2009 at 02:07
Apa bnar cara yg saya pakai ini bos
April 6th, 2009 at 11:01
kok ga tampil di blog saya boss
tolong di bantu donk saya masih pemula…
April 6th, 2009 at 18:23
@ Alorde,
Sorry banget komentarnya kelewatan, jadi malah gak kejawab, aku liat di blog-nya kaok masih kosong ya?
@ Saeful,
Udah dipasang belum script di atas di gadget sidebar? Karena aku cek di blog-nya gak ada script tersebut di atas.
April 26th, 2009 at 16:06
terima kasih buanget atas tipsnya.
oya mas numpang promosiin blogku dong!!!
April 28th, 2009 at 19:40
menarik dan inspiratif mas tapi sayanagnya gagh dikasih tau masangnya di menanya
April 29th, 2009 at 08:03
@ Erfiz,
Untuk cara pemasangannya sama dengan cara pemasangan Recent Post, silakan mampir di artikel tentang Membuat Recent Post, untuk melihat langkah-langkahnya.
May 2nd, 2009 at 16:43
[...] Melanjutkan tulisan sebelumnya tentang Blogging, seperti menambahkan Read More, Recent Post, Recent Comment pada Blogspot. Sekarang saya ingin menginformasi trik sederhana cara menghilangkan atau [...]
May 3rd, 2009 at 05:55
resent coment nya ga bisa di masukin ke blog saya…gimana?2 scrip diatas itu di copy dua2 nya atawa di pisah
May 3rd, 2009 at 07:52
@ Amlus,
Dua script di atas adalah script yang sama, jadi cukup pakai salah satu saja, kalau saya sendiri memakai yang dibawah, karena tidak perlu mengimpor javascript dari tempat lain (goglepages) tapi langsung digabungkan dalam satu script.
May 5th, 2009 at 09:55
waduh, mas, dua-duanya gagal.. kenapa ya..
recent comment
recent post
apa memang blog ane gak bisa?
May 5th, 2009 at 13:30
@ Ali,
Aku liat RSS di feedburnernya gak jalan, coba cek lagi penulisan url RSS Feeds di blogspot apakah sudah benar, kok sepertinya itu kelebihan, harusnya feeds[dot]feedburner[dot]com/npl-vedca, karena di situ sepertinya tertulis feeds[dot]feedburner[dot]com/~u/npl-vedca (kelebihan ‘~u’). << jangan lupa [dot] diganti titik ya.
May 6th, 2009 at 07:56
mas, gimana caranya membuat halaman di blogger seperti pada worpdress. seperti halaman about me pada wordpress.
matur tengkyu
May 6th, 2009 at 12:30
@ Wiendros,
Dalam Blogspot/Blogger itu sendiri sudah disediakan satu gadget yang disebut dengan Profile, di sini kita bisa menuliskan data diri kita. Jika yang dimaksud adalah lebih ke layout, kita harus menggunakan custom template.
May 10th, 2009 at 03:43
oh begitu ya mas,, terimakasih banyak ya
May 21st, 2009 at 15:27
Mas, ganti warna text gimana ya? kok ngga terlalu jelas di blog ku?
Thq
May 21st, 2009 at 15:55
@ Chatra Jaya,
Yang pengen diganti warna text bagian mana ya? Title, body, sidebar, link, atau lainnya. Karena masing-masing itu punya style beda2.
June 26th, 2009 at 13:28
assalamualaikum
mas, saya berhasil memasukan sriptnya dan postingannya bisa muncul. tapi ko’ ga muncul kaya kotak yg sampean perlihatkan.
atau memang karena bentuk templatenya….mohon saran dan bantuanya
wassalam
June 26th, 2009 at 13:57
@ Kahfi,
Recent comment di blogmu mana ya, aku mampir kok ga ada? Kalo yang dimaksud kotak merah seperti dalam contoh di atas, itu memang gak ada kok (itu aku hanya ingin menunjukkan lokasinya, dan memang benar untuk bentuk tampilan Recent Comment itu terpengaruh sama template yang digunakan. Fungsi script ini hanya untuk menampilkan list komentar dalam urutan komentator dan sedikit potongan komentarnya dalam artikel tertentu.
July 12th, 2009 at 00:11
[...] detil. Recent post, mengarahkan pengunjung untuk membaca artikel-artikel terakhir yang diupload. Recent comment, mengarahkan ke komentar terakhir dari [...]
August 15th, 2009 at 07:50
Salam kenal,
Izin ngelink ya ..
November 25th, 2009 at 19:11
artikel ini sudah saya pakai, hasilnya bagus dan tetap saya pakai. terima kasih mas aria.
December 5th, 2009 at 13:48
Oke deh, saya cpba dulu
December 6th, 2009 at 20:47
[...] Blogspot). Trik ini sekaligus untuk melengkapi trik-trik Blogspot sebelumnya, seperti Read More, Recent Comment, Favicon, Recent Post, Related Articles, dan trik [...]
January 12th, 2010 at 14:12
[...] baca juga trik Blogspot lain tentang Recent Comments, Recent Posts, Read More, mengganti Favicon, dan menyembunyikan [...]
April 10th, 2010 at 01:05
thanks bgt yaa….akhirnyabisa juga munculin recent comment di blog ku. makasih bgttt…utk penjelasannya yg detail :-)
April 10th, 2010 at 01:14
btw kok komen yg muncul di recent komennya kan ada kalimat spt ini: nama- judul artikel- baru komennya. tapi komen yg masuk ke blog saya di recent comment kok gini ya: nama -kalimat pertama blog – komennya. jadinya agak aneh. kenapa ya?
April 10th, 2010 at 01:28
@ Ratu,
Kalo aku liat di blognya udah bener : nama komentator on judul tulisan, trus isi komentarnya.
April 10th, 2010 at 01:44
that’s very nice of you Victor to visit my blog. thank you! btw lihat deh recent comment utk posting ini kok tertulis deedee on pertengahan januari saya,bukannya deedee on 48 jam di banda aceh ya..? kalo posting yg lain normal.
April 10th, 2010 at 01:53
@ Ratu,
Oooo itu…
Itu karena mengikuti metalink-nya (url tulisan) dari tulisan yang bersangkutan (kebetulan untuk tulisan lainnya antara judul dan metalink sama), mungkin kemaren sempat ganti title, atau lupa belum dikasih title tapi keburu diupload, jadi otomatis metalink diambil dari kalimat pertama dari tulisannya.
May 21st, 2010 at 07:58
makasih bang, buat script nya, berjalan dengan baik…
May 28th, 2010 at 14:07
Kalo standartstyling itu untuk apa yah? Ajarin donk cara bikin javascript. Bikinnya, bukan masangnya. Kayak recent posts, comments, random image, dan lainnya. Thanks ya mas, ilmunya bermanfaat sekali.
October 18th, 2010 at 00:39
maaf nih saya mau bertanya maklum masih nubi…
gimana yah itu cara menampilkannya…
di blog saya ga keluar yg seperti itu…hanya standar aja…tidak ada kotak2 seperti itu…
maaf masih newbie… ^^
October 20th, 2010 at 07:42
@ Sparta,
Tampilan atau visualisasi komentar pada setiap blog memang bisa berbeda-beda, ini tergantung dari template yang kita gunakan, setiap template mempunyai css yang berbeda-beda. Secara prinsip yang ditampilkan melalui script di atas adalah memunculkan komentar-komentar terakhir.
January 21st, 2011 at 08:09
sebelumnya makasi mas, saya dah pasang dan berhasil tapi coba liat ke blog saya, lucu rupanya mas, gemana caranya agar komentar saya sendiri tidak muncul pada rencent comment itu, maksudnya saya kan bales komentar pengunjung, gemana agar komentar balasan saya tidak terlihat di recent commentnya, direspon ya mas, minta tolong, kalo bisa langsung tip nya ke email saya, sblmunya makasih banyak mas….
February 19th, 2011 at 10:58
tips yang menarik,,, makasih infonya…