Malam Sobat Free Download dan Tutorial, setelah sebelumnya saya posting dan share tentang Cara Membuat Recent Post dengan Gambar Bergerak, Pada kesempatan ini saya akan share tentang Cara Membuat Recent Comment dengan Gambar di Blog. seperti terlihat pada sidebar blog ini. Buat anda yang belum tahu apa itu Recent Comment, saya akan beri sedikit penjelasan. Recent Comment adalah Komentar-Komentar baru yang tampil di blog anda. Jadi, jika para pengunjung blog anda meninggalkan komentar pada salah satu Postingan yang anda buat, otomatis akan terlihat di sidebar sobat dengan widget ini. dengan sebuah widget ini, anda tidak perlu repot-repot mengecek semua komentar satu per satu dari dasbor blogger anda. baik lah, dari pada bingung dengan ocehan saya yang enggak jelas, langsung saja ikuti langkah dibawah ini.
- Login ke akun blogger anda
- Klik Tata Letak > Tambah Gadget pilih HTML/Javascript
- Silahkan Copy dan Paste Script dibawah ini
<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
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
characters = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://super-bee-recent-comment-avatar.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://rudihartoyo.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script> - Keterangan :
- Angka berwarna merah adalah jumlah komentar yang ditampilkan
- Angka berwarna biru adalah lebar dari gambar
- Angka berwarna kuning adalah jumlah karakter komentar yang ditampilkan
- Tulisan yang berwarna Hijau, silahkan ganti dengan URL blog anda.
- jika sudah selesai, tekan simpan dan lihat hasilnya.
Semoga Bermanfaat.
Tidak ada komentar:
Posting Komentar