Recent Comments Widget dengan Mini Avatar Pada Blogger

Recent Comments Widget dengan Mini Avatar Pada Blogger - Pada kesempatan kali ini Kang Koisine akan memberikan Tutorial Blogger mengenai Pasang Recent Comments / Komentar Terbaru dengan Avatar Unik dan Rngkasan Komentar. Widget tersebut baru-baru ini sudah populer dan banyak dipasang pada blog pribadi, karena tampilan yang simple dan unik. Tampilan Recent Comments ini sangat menonjol pada Mini Avatar yang unik dan keren. Jika Anda ingin melihat sedikit foto dan widhet ini, lihat di bawah ini. Selain tutorial ini ada juga Widget Recent Comments dengan Fungsi Scroll.


Bagaimana menurut Anda, unik bukan. Jika Anda ingin memasang widget ini kedalam blog Anda, silahkan dapatkan scriptnya secara gratis dan mudah di bawah ini.

Cara Memasang Recent Comments dengan Mini Avatar pada Blogger
  • Login ke Blogger Anda,
  • Pilih Tata Letak » Tambah Gadget » Pilih HTML/Javascript,
  • Selanjutnya, copy paste lalu masukan script Recent Comments di bawah ini,
<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 = 25,
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://koisine.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
Keterangan:
5 » Jumlah komentar yang muncul.
30 » Ukuran Mini Avatar yang tampil.
25 » Jumlah karakter komentar yang akan tampil.

koisine.blogspot.com » Ganti dengan alamat blog Anda masing-masing.
  • Terkahir, Pilih Simpan.
Tampilannya sangat unik dan simple dan caranya pemasangannya juga tidak sulit.

Sekian sudah artikel mengenai Recent Comments Widget dengan Mini Avatar Pada Blogger ini. Semoga artikel ini mudah dipahami dan dapat dijadikan inspirasi. Terima kasih.
4.5

0 komentar:

Posting Komentar