Cara Membuat Recent Comment dengan avatar

Cara Membuat Recent Comment/Komentar Terbaru dengan avatar - Yang dimaksud avatar adalah juga disebut Foto/Gambar jadi Recent Comment dengan Foto/Gambar..Dengan memasang widget ini admin blog bisa mengetahui komentar terbaru tanpa harus melihat di Menu Komentar. Untuk Cara Membuat Recent Comment dengan avatar bisa dilihat dibawah ini..

1. Login di Blogger.com
2. Masuk ke menu Tata Letak/Layout->Tambah Gadget/Add gadget->HTML/javascript pastekan script ini kedalam HTML/javascript tadi

<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  = 30,
characters  = 30,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://valentinofebrian.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script><blink><a href="http://valentinofebrian.blogspot.com/2013/05/cara-memasang-widget-komentar-terbaru-rencent-comment-dengan-avatar-di-blog.html">Get widget</a></blink>

3. Kemudian Simpan..
Sekian postingan Cara Membuat Recent Comment dengan avatar semoga bermanfaat gan..

Cara Membuat Recent Comment dengan avatar