Cara membuat widget komentar terbaru di blog dengan foto

Hai sobat blogger ! udah lama nih gak posting udah hampir 2 minggu lebih. Ya emang sekarang ini saya masih disibukkan berbagai kegiatan nih menjelang UN. Tapi , kali ini saya mencoba untuk memposting satu artikel ringan nih sob, alias tidak memakan waktu banyak untuk menyelesaikannya. Kali ini saya akan membahas tentang topik Cara membuat widget komentar terbaru di blog dengan foto. Pada tau kan? widget ini berfungsi untuk mengetahui siapa saja yang baru saja berkomentar di blog sobat. Jadi kita bisa langsung merespon dan membalas komentar itu. Gimana tertarik? langsung saja kita buat dan bahas bersama .
FIX ( Working 100% ) Update 28 Desember 2012
1.) Baca Basmallah
2.) Masuk ke akun blogger sobat
3.) Masuk ke Tata Letak > Tambahkan Gadget > Html/Javascript
4.) Masukkan kode dibawah ini didalam kolom konten kosong yang tersedia

Kode

<div style="overflow:auto;width:auto;height:250px;border:1px 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://rizaldipriantama.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

5.) Ganti / edit jika sobat menginginkannya
Ganti angka berwarna merah dengan jumlah komentar yang ingin ditampilkan di halaman utama widget
Ganti angka berwarana biru dengan ukuran gambar avatar yang ditampilkan ( pixel )
Ganti angka berwarna kuning dengan batas maksimum karakter komentar yang ingin ditampilkan
Ganti alamat berwarna hijau dengan alamat url blog sobat masing-masing.

6.) Terakhir tinggal klik simpan template / Save dan lihat hasilnya

Share on: Facebook Twitter Google+ Linkedin Technorati Digg LintasMe

Related Articles :

• Cara mengecilkan alexa rank secara alami bagaimana cara mengecilkan Alexa rank ?? Berikut sedikit Tips Mengecilkan alexa rank secara alami.1. Buatlah jadwal posting ...
• submit url blog anda disini!!happy sunday All!!Gmna nih untuk Hari libur anda, menyenangkan Bukan?? "yang pastinya menyenangkanlah" :)kali ini gue mau bagi2 info u ...
• Cara membuat menu navigasi horizontal dropdown keren di blogHai sobat blogger ! sudah lama tak berjumpa ya, hampir 1 bulan saya tidak mengupdate isi postingan di blog ini, hampir sebulan itu say ...
• 5 cara bertukar link yang BaikBudaya tukar-menutukar link masih tetap dipertahankan di kalangan blogger khususnya para blogger indonesia. Hal ini karena PageRank ma ...
• Tips Cara Mantap Meningkatkan Jumlah Visitor BlogUntuk Para Blogger setelah membuat blog baru, tentu hal yang akan difikirkan berikutnya yaitu Bagaimana Cara meningkatkan jumlah pengu ...