Membuat Recent Comment dengan Avatar Profile
Recent comments adalah widget / gadget yang akan menampilkan beberapa
komentar terakhir di blog. Jumlah karakter yang ditampuilkan dapat diatur. Dengan adanya Avatar atau foto profil komentator di dekat tulisan komentar, membuat Recent Comments dengan Avatar ini lebih menarik di bandingkan Recent Commnets biasa yang tidak menampilkan avatar profil komentator.
Nah, kali ini saya akan berbagi bagaimana cara bikin recent comment di blogspot, itung2 sharing ilmu., hehe
beriku image dari blog saya ( Twikkel Blog )
beriku image dari blog saya ( Twikkel Blog )
Checkitdot
1. masuk ke Account Blogger sobat
2. Pilih, Tata Letak
2. Pilih, Tata Letak
3. Add Gadget, kemudian isi judul gadget sesuai keinginan sahabat blogger
4. Copas Script dibawah ini
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_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 = 50,
characters = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/211271156231/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://twikkel.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
5. selesai.,., silahkan save.,
Note : - Ganti tulisan warna merah dengan URL Blog Sobat
- tulisan Warna biru adalah jumlah comment yang akan di tampilkan.,.,
Selamat mencoba, Salam Twikkel Blog
Selamat mencoba, Salam Twikkel Blog