Cara Membuat Widget Recent Comment diBlog

Cara Membuat Widget Recent Comment diBlog - widget ricent Comment adalah widget yang menampilakn commentar terbaru dari penggujung, widget ini dapat menampilkan link dan isi dari commentar dan juga menampilkan avatar bulat disampingnya. Sebagai contoh berikut ini saya tampilkan Live Demo.

Live Demo







Bagi anda yang ingin memasang tampilan Recent Comment pada Blog berikut ini langkah mudahnya :

Cara Membuat Widget Recent Comment diBlog

1. Login keakun Blogger
2. Pilih Tataletak  »  klik add Gadget
3. Pilih HTML/Javascript
4. Kemudain anda terapkan kode dibawah ini pada kolom yang tersedia

<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="https://aakyos.googlecode.com/svn/trunk/Recent-comment.js"></script>
    <script type="text/javascript" src="http://aak-share.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Note :
Silahkan anda ganti kode saya beri warna merah dengan URL website/Blog anda

5. Simpan

Demikian Cara Membuat Widget Recent Comment diBlog, semoga bermanfaat!

Share this post