Quantcast
Channel: Rizaldi Priantama
Viewing all articles
Browse latest Browse all 154

Cara membuat widget komentar terbaru di blog dengan foto

$
0
0

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 .

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
<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://rizaldipriantama.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
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 alamatberwarna hijau dengan alamat url blog sobat masing-masing.

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

Viewing all articles
Browse latest Browse all 154

Trending Articles