Sebenarnya cara membuat recent comment thubnails sama dengan membuat recent commentar biasa, cuman saya mencoba mengkemasnya dengan thumbnail sebagai tuntutan tampilan dan mengikuti perkembangan saat ini.
Recent comments with avatar (image profile) seperti yang anda lihat pada image disamping adalah widget yang sangat menarik. Widget tersebut kini menampilkan gambar avatar para komentator tentunya yang menggunakan akun google beserta dengan komen ringkas pada post yang berkaitan dalam Blogger.
Untuk memasang widget recent comment dengan avatar ini pada blog anda, silahkan ikuti langkah berikut:
- Log in blog > Dashboard > Layout > Add A Gadget. pilih HTML/Javascript.
- Kemudian Copy Script berikut
<style type="text/css">#recentcomment {width:98%;margin-left:5px;}img.recentcomment-avatar {background:#fff;float:right;padding:2px;margin:2px -2px 0px 0px;height:30px;width:30px;border:solid #ddd 1px;}td div.recentcomment-content a,td div.recentcomment-content a:hover{font-family: 'trebuchet ms';font-size:1.00em!important;color:#2C2929;text-decoration:none;}div.recentcomment-content{font-size:1.00em!important;text-decoration:none;line-height:1.45em;letter-spacing:0.03em;background: #fff;padding:4px;border:1px solid #ddd;}</style><script type="text/javascript">ava_mode = "all";var cm_num = 5;var cm_desc = 13;var homepage = "http://darmasite.blogspot.com/";</script></script><script src="http://youdhie.googlecode.com/files/Recent%20Comment%20Thumbnail.js " type="text/javascript"></script>
- Terakhir save template, dan lihat hasilnya
Catatan :
Hijau Jumlah komentar yang akan ditampilkan
Biru, jumlah kata yang akan ditampilkan
Merah, ganti dengan URL blog anda!
Sekian dari saya cara Widget Recent Comment dengan Thumbnails di Blogger, semoga artikel ini bermanfaat bagi sobat blogger semua!
Sekian dari saya cara Widget Recent Comment dengan Thumbnails di Blogger, semoga artikel ini bermanfaat bagi sobat blogger semua!
wahhhh info menarik nih...... thansk ya sobat..
BalasHapusoya follow sukses #54. sering mampir ye....
yoi sob! segera menuju TKP!
Hapusmakasi tutornya sob...
BalasHapusmakasih sob :D
BalasHapussemogaa tambah banyak visitornya buat nie blog...! :D
mantep dahh.. (y)