This is BizOppers
Online Job for All. Work from home computer.

8 Okt 2011

Membuat Recent Comment dengan Scroll Di Blogger

Banyak cara untuk membuat recent comment atau komentar terbaru di blogger. Baik melalui menu widget bawaan blogger maupun memasukkan sendiri kode html. Kalau menurut saya ...sich paling bagus kode html. Sebab menu bisa di kustomisasi sendiri. Widget Recent Comment / komentar terbaru sangat berguna untuk admin blog untuk memantau komentar - komentar terbaru di blog. Daripada anda pusing membuka satu - persatu komentar yang ada di postingan.

Untuk membuat recent comment scroll , ikuti langkah - langkah berikut :
1. Login ke account Blogger anda.
2. Masuk ke menu Randangan. Tambahkan widget baru dengan memilih HTML/Javascript
3. Masukkan script berikut :

<div style="overflow: auto;width: 200px;height: 300px;text-align: left; "><script style="text/javascript"> function showrecentcomments(json) { var numcomments = 20; var showcommentdate = true; var showposttitle = true; var numchars = 100; 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, ""); 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> berkomentar'); if (showposttitle == true) document.write(' di ' + posttitle); document.write('<br/>'); if (comment.length < numchars) { document.write('<i>'); document.write(comment); document.write('</i>');} else { document.write('<i>'); comment = comment.substring(0, numchars); var quoteEnd = comment.lastIndexOf(" "); comment = comment.substring(0, quoteEnd); document.write(comment + '...<a href="' + alturl + '">(selanjutnya)</a>'); document.write('</i>');} document.write('<br/>'); } document.write('<br/>'); } </script> <script src="http://situspencaridollar.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script></div>

4. Dalam teks warna biru, masukkan url blog anda
5. Dalam teks warna merah, masukkan banyaknya komentar yang anda inginkan.
6. Jika anda menginginkan scroll, masukkan script berikut tepat diatas script tadi

<div style="border: 0px solid rgb(204, 204, 204); font-size:x-small;font-family: &quot;Trebuchet MS&quot;padding: 5px; overflow: auto; width: 200px; height: 200px; background-color: #ffffff;"> 
7. Simpan widget kamu dan silakan lihat hasilnya

Anda bisa melihat contoh dalam daftar komentar saya. Banyaknya komentar yang saya tampilkan sebanyak 20 dan dilengkapi dengan menu scroll. 

Semoga bermanfaat.


Artikel Terkait :
Komentar Terbaru

3 komentar:

  1. Semoga bermanfaat Ryecha Seprina

    BalasHapus
  2. mantab makasih mas 1 klik deh buat iklan nya situs pencari dolar... mampir blog saya jg ya :)

    BalasHapus
  3. 1 cendol bual pccpcc nya makasih dah share... salam kenal ya..

    BalasHapus