Hai sobat blogger ! Blog baru Nie, 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 .
- Baca Basmallah
- Masuk ke akun blogger sobat
- Masuk ke Tata Letak >
Tambahkan Gadget > Html/Javascript
- Masukkan kode dibawah ini didalam kolom konten kosong yang tersedia
Kode
<style
type="text/css">ul.tb_recent_comments{list-style:none;margin:0;padding:0;}.tb_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;}.tb_recent_comments
li .avatarImage{padding:3px;float:left;margin:0 6px 0
0;position:relative;overflow:hidden;}.tb_recent_comments li
img{padding:0px;position:relative;overflow:hidden;display:block;}.tb_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 varnumComments = 5,showAvatar = true,avatarSize = 50,characters = 60,defaultAvatar =
"http://www.gravatar.com/avatar/?d=mm",hideCredits =
true;//]]></script><script type="text/javascript"
src="http://johnytemplate.googlecode.com/files/recentcomment.js"></script><script
type="text/javascript" src="http://tkj3karawang.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
- 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.
- Terakhir tinggal klik simpan template / Save dan lihat hasilnya