Cara Membuat Widget Recent Comment di Blog

Cara membuat widget pada blog bertujuan untuk menambah tampilan agar lebih menarik. Kali ini saya ingin berbagi lewat postingan saya ini yaitucara membuat kolom komentar atau cara menambah widget recent comment di blog
Berikut langkah-langkahnya

• Pertama masuk dulu ke blog masing-masing
• Langsung aja agan menuju tata letak
• Kemudian pilih tambahkan gedget - HTML/Javasrcript
• Langsung aja saya kasih kode HTML nya sbb:

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

Keterangan :

• Kode yang berwarna merah menunjukan banyaknya komentar pada konten sobat
• Kode yang berwarna biru menunjukan ingin memakai gamba avatar atau tidak, jika sobat tidak ingin memakai gambar avatar tinggal ganti aja kode true menjadi false
• Kode yang berwarna hijau menunjukan besarnya avatar sobat
• Dan kode yang berwarna kuning menujukan jumlah karakter komentar