Cara Membuat Recent Comment Avatar diblog

Coretan Bang Dadan on

Thursday, January 3, 2013

Cara Membuat Recent Comment Avatar diblog - Sahabat blog, pada postingan yang lalu bang dadan telah membahas artikel tentang Cara Membuat Recent Posts di Blog. nah, untuk kesempatan kali ini bang dadan akan coba membahas Cara Membuat Recent Comment Avatar diblog. Recent Comment merupakan history komentar dari para sahabat blogger, dan kita menempatkan history itu pada salah satu widgate blog kita. Tutorial seperti ini sudah banyak sekali diposting para sahabat blogger, namun bagi sahabat blogger yang baru terjun dalam dunia blog ini mungkin ada yang belum paham dengan cara pemasangan widgate ini.

Baiklah bagi sobat yang ingin membuat widgate recent comment avatar ini silahkan ikuti langkah - langkahnya berikut ini:

Cara Membuat Recent Comment Avatar diblog

---

• Login ke blog
• Menuju Rancangan ⇉Tata Letak
• Tambah Gadget ⇉ Pilih HTML/Javascript

Copy kode dibawah ini pada HTML/Javascript

<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://google-js.googlecode.com/files/rcnbsa.js"></script>
<script type="text/javascript" src="http://bangdadan.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

• Ganti kode yang berwarna merah di atas sesuai keinginan anda.

numComments = 5, (jumlah komentar yang ditampilkan)
showAvatar = true,
avatarSize = 30, (ukuran avatar dalam pixel)
roundAvatar = true,
characters = 30, (jumlah karakter yang ditampilkan)
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", (url avatar)
hideCredits = true;

• Silahkan sobat ganti link url http://bangdadan.blogspot.com dengan URL blog Anda, ganti max-results=5, sesuai jumlah komentar yang ingin ditampilkan.
• Selanjutnya klik Simpan

Nah mungkin sekian dulu pembahasan kita kali ini tentang Cara Membuat Recent Comment Avatar diblog, semoga artikel ini bermanfaat bagi anda semua. terimakasih

Labels: blogger tutorial, Widget

Thanks for reading Cara Membuat Recent Comment Avatar diblog. Please share...!