Cara Membuat Recent Comment Scroll di Blogspot

Recent comment adalah widget yang akan menampilkan komentar  terakhir pada artikel di blog kita, widget ini sangat berguna bagi sobat blogger yang tidak menggunakan moderasi untuk setiap komentar yang di publish oleh visitor blog, karena dengan adanya widget recent comment ini sobat dapat dengan mudah melihat komentar terbaru dari pengunjung dan tidak akan terlewatkan untuk membalas nya.

Contoh widget recent comment nya sobat bisa lihat gambar diatas atau sobat juga bisa melihat nya langsung di sidebar sebelah kanan blog ini, untuk memasang widget recent comment ini sangat mudah, let's go !

1. Login ke dasbor Blogger
2. Pilih Tata Letak
3. klik Tambahkan Gadget
4. Pilih HTML/JavaScript
5. Copy paste kode dibawah ini dan klik Simpan.

<div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;">
<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 200,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 35,
 defaultAvatar  = "",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/harysuka/top-comentar/Recent_Comments.js?attredirects=0&d=1"></script>
<script type="text/javascript" src="http://dodiventuraz.blogspot.co.id/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=200"></script></div>


Sobat juga bisa mengedit nya sesuai selera :

height:250px, adalah tinggi kotak widget nya, silahkan sesuaikan dengan kebutuhan
fff, kode untuk warna background yaitu putih
numComments  = 200, jumlah komentar yang akan ditampilkan pada widget
showAvatar  = true, ganti true dengan false apabila sobat tidak ingin menampilkan gambar avatar nya
avatarSize  = 30, ukuran avatar yang ditampilkan bisa dirubah menjadi lebih kecil ataupun sebaliknya
roundAvatar = true, adalah untuk menampilkan gambar avatar berbentuk bulat, ganti dengan false apabila sobat ingin gambar avatar nya berbentuk kotak
characters  = 35, jumlah karakter yang akan ditampilkan, bisa diganti sesuai selera
http://dodiventuraz.blogspot.co.id, harus sobat ganti dengan URL website atau blog sobat

Mudah bukan ? selain membuat tampilan blog sobat lebih rapi widget recent comment ini juga sangat memudahkan sobat karena sobat tidak perlu masuk ke dasbor blogger untuk melihat setiap komentar terbaru yg di publish oleh pengunjung blog sobat.

Oh ya, saya juga sudah memposting artikel cara membuat widget recent comment disqus untuk blog dan bisa sobat pasang di blog yang menggunakan disqus sebagai system kotak komentar nya, widget recent comment disqus sendiri tidak beda jauh dengan widget recent comment yang saya posting di artikel ini karena memang script yang digunakan merupakan hasil modifikasi dari widget recent comment blogspot.

Baca juga : Cara membuat widget recent comment disqus keren di blog


Source references :
http://www.harimuhlia.com/2013/01/cara-membuat-recent-comment-dengan.html

Subscribe to receive free email updates: