Cara Menciptakan Recent Comment Scroll Di Blogspot

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

Contoh widget recent comment nya teman sanggup lihat gambar diatas atau teman juga sanggup melihat nya eksklusif 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, ialah 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 teman tidak ingin menampilkan gambar avatar nya

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

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

Praktis bukan ? selain menciptakan tampilan blog teman lebih rapi widget recent comment ini juga sangat memudahkan teman alasannya ialah teman 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 teman 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 ialah memang script yang dipakai merupakan hasil modifikasi dari widget recent comment blogspot.

: Cara menciptakan widget recent comment disqus keren di blog

Source references :
https://scrapdesignsbydonna.blogspot.com//search?q=cara-membuat-recent-comment-dengan

Share this post