Home » » Cara membuat recents comment dengan avatar di blog

Cara membuat recents comment dengan avatar di blog

Written By Azzahida on Sunday, 1 December 2013 | December 01, 2013

Tips cara membuat recents comments dengan avatar ini sebenarnya sudah banyak yang update...tapi siapa tau di antara kalaian peblogger yang masih baru yang suka berkunjung di blog saya ada yang belum tau caranya...maka di kesempatan kali ini saya akan berbagi tips ini...!!

Kira kira hasilnya seperti di atas jika anda mengikuti apa yang saya share kali ini.
berikut langkahnya...
01 Pertama anda login ke blog anda !
02 pilih tata letak di template anda
03 Pilih tambah gadeget baru/add gedget !
04 pilih Java script/HTML
05 masukan kode berikut ini...!!

 <div style="overflow:auto;width:auto;height:250px;border:1px solid #0000FF; padding:10px; margin:0 auto;background:#ccc;"> <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       = 100,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://arifinsaputra.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

Ganti tulisan berwarna merah dengan alamat blog anda !!
Terahir save lihat hasilnya...!!

Share this article :

5 comments:

  1. untuk comments facebook tidak akan muncul

    ReplyDelete
    Replies
    1. kira2 blog abah dipasangin jam mau lah

      Delete
    2. pasang saja sudah ada scriptnya

      Delete
  2. salammualaikum,,
    Masbro, tolong kunjungi blog saya dan berikan saran
    karena saya lagi kesulitan menerapkan template yang pas
    itu udah di kasih warna sana sini trus yg saya mau bagaimana mengubah susunan agar tampilan
    Bisa seperti ini:
    1.judul post
    2.gambar
    3.entri
    Karna di blog saya gambarnya justru paling bawah
    saya juga jadi kepengen thu bikin avatar comment
    trus itu masbro gimana untuk load.nya lama gak di blog saya
    saya harapkan saran dan masukan masbro mengenai blog saya
    apa yg harus di perbaiki,
    terimakasih sebelumya masbro
    http://cahguci.blogspot.com

    ReplyDelete
    Replies
    1. waalikumssalam upload template itu ga lama paling cuma beberapa detik masalah membuat avatar vomen tinggal kopi paste saja tips yang saya bagikan di atas

      Delete

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Annavieza - All Rights Reserved
Original Design by Creating Website Modified by Arifin Saputra