Recent Coment Avatar Tanpa Edit HTML

Cara ini saya dapatkan dari blogger sejati yaitu Maskolis, jadi ga ada salahnya kalau disampaikan lagi didalam blog ini. Sebenarnya artikel ini sudah lama and banyak dibahas tapi ga ada salahnya lagi kalau diulang dan ditampilkan kembali siapa tau ada beberapa dari Sobat membutuhkannya. Tanpa berlama - lama lagi kita langsung menuju TKP :

1. Login ke blogger Sobat
2. Masuk ke layout
3. Setelah itu anda pilih add gadget >> HTML/Javascript
4. Masukkan kode-kode di bawah ini pada kotak HMTL/Javascript

<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://johnytemplate.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://creatingwebsite-maskolis.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Keterangan : 
5       : adalah jumlah komentar yang ditampilkan
50     : adalah ukuran fixel avatar
60     : adalah jumlah karakter huruf komentar
purple : ubah dengan blog Sobat sendiri


Sekian dari saya semoga artikel ini bermanfaat.. Untuk contoh lihat aja di blog ini..