Cara membuat recents comment dengan avatar di blog

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

Penulis : Annavieza Comunity ~ Blog informasi

Artikel Cara membuat recents comment dengan avatar di blog ini dipublish oleh Annavieza Comunity pada hari Minggu, 01 Desember 2013. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 5 komentar: di postingan Cara membuat recents comment dengan avatar di blog
® Related Post
 

5 komentar:

  1. untuk comments facebook tidak akan muncul

    BalasHapus
    Balasan
    1. kira2 blog abah dipasangin jam mau lah

      Hapus
    2. pasang saja sudah ada scriptnya

      Hapus
  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

    BalasHapus
    Balasan
    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

      Hapus

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.