Cara Membuat Widget Recent Comment Keren

KOMENTAR TERBARU

• 
  saif furqanlink downloadnya rusak ya gan?
• 
  Liya AliciaHappy New Year 2015, semoga be…
• 
  ade nanabang kok di blog saya gk jadi,…
• 
  Roli SupiawanCari yang ada tanda ]]> nya…
• 
  Ojik The Cancer Boy
• mantap gan ijin download yaWidget Recent Comment atau biasa di sebut Widget komentar terbaru adalah widget yang menampilkan beberapa komentar yang baru-baru di publikasikan oleh pengunjung Blog. Widget ini sering di pasang oleh banyak pengguna Blogger termasuk juga saya sendiri. Widget ini memang sangat penting untuk di pasang di Blog, Gunanya yaitu agar kita mengetahui komentar-komentar yang baru di publikasikan oleh pengunjung.
  
  
  Cara Membuat Widget Recent Comment Keren - Ada beberapa macam Widget Recent Comment, Salah satunya yaitu widget recent comment yang menggunakan gambar atau dapat menampilkan gambar profil orang yang berkomentar. Kemudian ada juga Widget Recent Comment yang tidak menampilkan gambar namun hanya menampilkan nama profil orang yang berkomentar. Jika anda tertarik untuk memasang Widget Recent Comment Tampa gambar pengomentar, maka anda dapat membaca artikel saya tentang Cara Memasang Widget Komentar Terbaru di Blog.
  
  
  Cara Membuat Widget Recent Comment Keren :
  • Login Blogger
  • Masuk Tata Letak
  • Pilih Add Gadget >> HTML/Javascript
  • Lalu copy script berikut dan paste disana
    
    

    <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://blog-medianet.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

    Keterangan: Ganti Url berwarna merah dengan Url Blog anda
  • Lalu Simpan