Cara Menampilkan Recent Comments

 cara buat recent comments dengan gambar avatar di blogPanduan blogger untuk para blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua tentang "Membuat Recent Comments Dengan Gambar Avatar Di Blog".Sebelumnya dalam blog ini pernah dijelaskan tentang "Panduan Cara Menampilkan Recent Comments (Komentar Terbaru) Di Blog".Namun dalam postingan terbaru ini akan membuat dan menampilkan recent comments(komentar terbaru) dengan gambar/foto atau avatar si pemberi komentar tersebut.Sehingga recent comments ini lebih menarik dan bisa juga untuk membuat blog sobat tampil lebih atraktif.

cara pasang widget recent comments di blog

Dalam pembuatannya sebenarnya sangat mudah jadi akoe sarankan kepada sobat blogger untuk memasangnya.Widget recent comments ini banyak dipakai oleh sobat blogger yang lainnya,meskipun di blog ini tidak ada widget recent comments dikerenakan halaman blog ini sudah penuh namun sengaja akoe membantu sobat blogger yang belum punya widget ini di blognya dan ingin memasangnya.
Untuk memasangnya dan membuatnya silahkan sobat blogger ikuti langkah-langkah seperti berikut ini:
  • Login ke Blogger
  • Klik Rancangan
  • Klik Elemen Laman
  • Klik Tambah Gadget
  • Pilih opsi HTML/Java Script
  • Copy kode HTML di bawah ini dan paste-kan di dalamnya
<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 = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://apricyber.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=7"></script>

  • Simpan
Keterangan :
  • Ganti http://apricyber.blogspot.com dengan url blog sobat
  • NumComments = 5 >>>angka 5 merupakan jumlah komentar terbaru yang akan dimunculkan/ditampilkan,sobat bisa saja menggantinya sesuai kebutuhan

Terima kasih atas kungjungan nya... dan jangan lupa untuk komentar nya...!!


3 komentar to "Cara Menampilkan Recent Comments "

About This Blog

Auto Backlink

My Blogs

Blog Archive

Followers

Web hosting for webmasters