Cara Menciptakan Recent Comment Scroll Di Blogspot

Recent comment yaitu widget yang akan menampilkan komentar  terakhir pada artikel di blog kita, widget ini sangat berkhasiat bagi sahabat blogger yang tidak memakai moderasi untuk setiap komentar yang di publish oleh visitor blog, alasannya yaitu dengan adanya widget recent comment ini sahabat sanggup dengan gampang melihat komentar terbaru dari pengunjung dan tidak akan terlewatkan untuk membalas nya.

Contoh widget recent comment nya sahabat sanggup lihat gambar diatas atau sahabat juga sanggup melihat nya pribadi 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 aba-aba 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 sanggup mengedit nya sesuai selera :

height:250px, yaitu tinggi kotak widget nya, silahkan sesuaikan dengan kebutuhan

fff, aba-aba untuk warna background yaitu putih

numComments  = 200, jumlah komentar yang akan ditampilkan pada widget

showAvatar  = true, ganti true dengan false apabila sahabat tidak ingin menampilkan gambar avatar nya

avatarSize  = 30, ukuran avatar yang ditampilkan sanggup dirubah menjadi lebih kecil ataupun sebaliknya
roundAvatar = true, yaitu untuk menampilkan gambar avatar berbentuk bulat, ganti dengan false apabila sahabat ingin gambar avatar nya berbentuk kotak

characters  = 35, jumlah abjad yang akan ditampilkan, sanggup diganti sesuai selera
http://dodiventuraz.blogspot.co.id, harus sahabat ganti dengan URL website atau blog sahabat

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

Oh ya, aku juga sudah memposting artikel cara menciptakan widget recent comment disqus untuk blog dan sanggup sahabat pasang di blog yang memakai disqus sebagai system kotak komentar nya, widget recent comment disqus sendiri tidak beda jauh dengan widget recent comment yang aku posting di artikel ini alasannya yaitu memang script yang dipakai merupakan hasil modifikasi dari widget recent comment blogspot.

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

Source references :
/search?q=cara-membuat-recent-comment-dengan

Bagikan Artikel ini