Cara Membuat Widget Recent Comment Dengan Avatar

Cara Membuat Recent Comment Dengan Avatar - Terkadang beberapa blogger menginginkan widget yang menampilkan komentar terkini/komentar terbaru dari pengunjungnya untuk mempercantik blog mereka. Untuk itu, saya akan membagikan tutorial untuk membuat widget recent comment yang dilengkapi dengan avatar.


1. Masuk ke akun blogger anda.

2. Pergi ke tata letak -> tambah gadget -> html/javascript

3. Beri judul terserah anda, misal : komentar terbaru

4. Masukkan script ini pada kotak yang besar

<div style="overflow:auto;width:300px;"> <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: none;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 4, showAvatar = true, avatarSize = 40, roundAvatar = true, characters = 100, defaultAvatar = "", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://ceritangeblog.googlecode.com/files/Recent%20coments%20avatar.js"></script> <script type="text/javascript" src="http://ramadhanlmzero.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=9999"></script> </div>

Text berwarna biru bisa anda ganti dengan angka sebagai jumlah komentar yang muncul.
Text berwarna merah bisa anda ganti dengan url blog anda.

5. Klik "simpan"

6. Sekarang periksa blog anda, maka widget recent comment dengan avatar sudah muncul di blog anda.

Selamat mencoba ^_^