Membuat Recent Cooment + Avatar

    Yups. Untuk teman ketahui, pembahasan kita kali ini ditempat yang sama yaitu DUNIAKU ( Iman Tamnge ) kita akan mencoba menggali lagi hal-hal yang kita lupakan. Nah, kali ini saya akan bagikan kepada teman bagaimana cara Membuat Recent Comment yang ditambah dengan Avatar atau foto profil pada yang memberikan komentar pada salah satu postingan diblog teman. Dengan adanya Recent Coment ini dengan cepat dapat mengetahui siapa dan berapa penguncung yang telah memberikan komentar diblog kita. Contohnya bisa teman lihat dibawah ini :

Bagaimana, menarik bukan??? jangan kuatir saya akan kasih tahu cara membuatnya diblog teman, caranya sebagai berikut :

    1.  Login atau Masuk keblog teman.

    2.  Selanjutnya menuju ke Rancangan, Elemen Laman.

    3.  Kemudian klik Tambah Gadget dan pilih HTML/JavaScript.

    4.  Lalu Copy Script dibawah ini dan Pastekan kedalam HTML/JavaScript tadi.

<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;border:3px solid #BDBDBD; -webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}
.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 = 5,
showAvatar = true,

avatarSize = 40,

roundAvatar = true,
characters = 30,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://imanabdulmutalibtamnge.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

   5.  Kalau teman sudah selesai mengeditnya, teman sudah boleh Save atau Simpan Scriptnya.

Keterangan :

Kode yang berwarna Biru Artinya Jumlah komentar yang akan tampil.
Kode yang berwarna Hijau Artinya Ukuran Avatar atau foto yang akan tampil.
Kode yang berwarna Merah Artinya Teman ganti sesuai dengan URL blog teman.

Yups. sampai sini saja pembahasan kita mengenai Recent Comment ditambah dengan Avatar. Semoga bermanfaat untuk teman. OK, Enjoy.