Headlines News :
Home » » WIDGET KOMENTAR TERBARU DENGAN AVATAR

WIDGET KOMENTAR TERBARU DENGAN AVATAR

Written By Dede Diagram on Saturday, June 2, 2012 | 12:26 PM


Recent comments atau komentar terbaru adalah widget yang menampikan komentar pada artikel blog berurutan berdasarkan waktu komentarnya dimuat. banyak cara untuk membuat widget recent comments yang bisa digunakan, dan di sini saya berikat tips untuk membuat recent comment dengan avatar. widget ini selain menampilkan komentar juga menampilkan avatar atau foto dari komentator tersebut, nah, begini caranya:
  1. Login ke blogger dengan akun Anda.

  2. Di dashboard masuk ke layout

  3. Setelah itu anda pilih add gadget >> HTML/Javascript

  4. Masukkan kode-kode di bawah ini pada kotak HMTL/Javascript

    <style type="text/css">

    ul.tb_recent_comments{list-style:none;margin:0;padding:0;}

    .tb_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;}

    .tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}

    .tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

    .tb_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 = 50,

    characters = 60,

    defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",

    hideCredits = true;

    //]]>

    </script>

    <script type="text/javascript" src="http://johnytemplate.googlecode.com/files/recentcomment.js"></script>

    <script type="text/javascript" src="http://www.diagramband.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
    Keterangan :

    Warna merah (5) : adalah jumlah komentar yang ditampilkan

    Warna kuning (50) : ukuran pixel avatar

    Warna hijau (60) : Jumlah karakter huruf komentar

    Warna biru : ganti dengan URL blog Anda.


  5. Terakhir save.
  6. Selesai
Share this article :

2 comments:

 
Copyright © 2011. Diagram Band - All Rights Reserved