Widget Komentar Terbaru Dengan Avatar Bulat

Widget Komentar Terbaru adalah widget yang diperlukan agar pengunjung tetap berada di halaman blog. Widget yang saya perkenalkan ini selain menaruh link dan isi komentar juga terdapat avatar yang bulat di sampingnya.
Dan tentu saja, kamu juga dapat mengubah avatar defaultnya.

Contoh widget:

widget komentar terbaru dengan avatar

Cara Menambahkannya:

Langkah 1. Pergi ke Dasbor Blogger - Tata Letak - Tambah Gadget - Html/Javascript.

Langkah 2. Masukkan kode 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  = 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://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru-dengan-avatar-bulat.js"></script>
<script type="text/javascript" src="http://blog-kamu.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Langkah 3. Sebelum menyimpan widget, ubah dulu:
  • Tulisan berwarna merah menjadi alamat blog anda.
  • Tulisan berwarna biru untuk mengatur jumlah komentar yang ditampilkan. (ingat! Ada 2 tulisan yang berwarna biru)
  • Tulisan berwarna jingga untuk mengatur besar avatar yang ditampilkan.

Langkah 4. Simpan widget dan nikmati!!
(sumber: Helplogger)

25 komentar:

  1. saya pun memasang nya sob...
    salam knal ya :D

    BalasHapus
  2. Berkunjung kembali disini sobat...
    Makasi banget udah share infonya, untung kemaren ane nanyain cara membuat widget recent comment dan Alhamdulillah sekarang udah nie panduannya coz kemaren ane gak nemuin postingan tsb.
    thanks ya bro

    BalasHapus
  3. wah keren nih sob,,,salamknul

    BalasHapus
  4. patut di coba gan mksh info'a slmknl jg

    BalasHapus
  5. nice share sob.. kunjungan balasan nih, salam kenal

    BalasHapus
  6. keree makasih yachh sharenya

    BalasHapus
  7. wah keren nih..izin coba yah

    BalasHapus
  8. blog agan keren, n tutorialnya sukses tertancap di blog ane, makasih gan

    BalasHapus
  9. tolong pencerahannya gan, saya coba ikutin petunjuk agan di atas, tapi yg muncul cuma judul widget aja, apa karena belum ada komentar ya? tapi saya coba buka di browser lain juga gitu, cuma judul widget aja yg keluar, terus kalo orang mau kasih komentar gimana dong caranya. Tolong jalan2 ke www.mmscellmbojo.blogspot.com, dan mohon saran kritiknya ya gan. trims

    BalasHapus
  10. Trimakasih mas....:) nih hsilnya di blog saya...

    BalasHapus
  11. Terima kasih atas infonya, saya baru saja bikin blog, masih belajar menyempurnakan penampilan blog, masih pakai tampilan dasar dari blogger.
    Kalau berkenan, silakan mampir ke blog saya
    http://info-bedahrumah.blogspot.com/

    BalasHapus
  12. Ok sob. Kunjungi tujuhfaktamenarik.blogspot.com ya

    BalasHapus
  13. sip, dicoba dulu sob
    http://www.idcheat.com/

    BalasHapus
  14. Obat tradisional Menghilangkan Wasir Wasir Maha Kuasa. Telah mengikuti pengobatan tradisional terbaik

    wasir mampu tradisional Ambeclear dan salep salwa

    BalasHapus
  15. Thanks you, bagus banget, sudah dicoba.... ^^

    BalasHapus
  16. terima kasih infonya...

    BalasHapus
  17. terima kasih infonya...

    BalasHapus
  18. Sip terimakasih panduan membuat avatarnya, kerenn.

    BalasHapus
  19. makasih gan infonya sangat membantu
    ada ga tutorial untuk menambahkan fb komen ??
    bimaanggana.blogspot.com

    BalasHapus

Diberdayakan oleh Blogger.

Followers