Membuat Widget Recent Comments

Widget Recent Comments dapat mengetahui orang yang barusan komentar di blog Anda. Melihatnya tidak perlu repot-repot ke blogger > komentar. Kalau yang ini hanya tulis nama blog, dan langsung ada recent comments-nya. Kita akan membuat recent comments dengan avatar bulat. Dengan komentar yang ditampilkan, Anda bisa melihat siapa yang membuat kekacauan atau melanggar peraturan komentar. Ini membuat Anda mudah. Mula mula nya Anda perlu masuk ke blogger, lalu pilih blog..



Tahap 1 Tambahkan Widget
1. Pilih Tata letak.
2. Klik Add a gadget/Tambahkan gadget pada tempatnya widget diperlihatkan.
3. Pilih HTML/Javascript.
4. Pastekan kode ini tepat di kotaknya

<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 = 5,
    showAvatar = true,
    avatarSize = 30,
    roundAvatar = true,
    characters = 30,
    defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
    //]]>
    </script>
    <script type="text/javascript" src="http://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru-dengan-avatar-bulat.js"></script>
    <script type="text/javascript" src="http://www.tipsbloggingbaik.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
Dapatkan widget <a href="http://tipsbloggingbaik.blogspot.co.id/2016/02/membuat-widget-recent-comments.html">Recent Comments </a> ini.

Ganti kode yang berwarna merah, "http://www.tipsbloggingbaik.blogspot.com" dengan url blog Anda.
5. Klik simpan
6. Selesai

Cukup sekian.
Semoga bermanfaat.. :)