Cara Membuat Recent Comment Avatar diblog



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

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...!

5 Comments on Cara Membuat Recent Comment Avatar diblog

  1. bang, mau tanya...
    itu recent comment kan dari seluruh post blog kita ya bang? nah, jadi gini, saya mau bikin laman baru, misalnya laman "testimonial" bisa gak recent komennya hanya menampilkan komentar hanya dari laman "testimonial" saja dan tidak dari semua post blog?

    thanks

    ReplyDelete
  2. bang tolongin dong :)
    penting nih

    ReplyDelete
  3. Mohon maaf, baru bisa bls coz kemarin2 sya lg sibuk study.
    Oy kalau untuk Testimonila saya belum pernah coba gan, jd gak tahu. nanti saya coba2 dulu ya? :)

    ReplyDelete

Back To Top