Widget Recent Comments atau komentar terbaru merupakan sebuah widget yang menampilkan komentar terbaru pada suatu Blog yang ada pada widget tersebut.Komentar tersebut bisa anda atur tampilannya contohnya saja 5 bahkan 20 sekalipun.Recent Comments juga termasuk dalam daftar widget yang menguntungkan bagi Blog, karena terdapat alasan yang logis.
Recent Comments menguntungkan karena dapat memberi pengunjung rasa ingin berkomentar pada Blog dan saling mengorkeksi seperti,
yang telah di jelaskan artikel ini.dan Widget ini juga memberikan warna pada Blog kita sehingga Blog kita tampak lebih cantik dari sebelumnya.
Tentu dengan kita memasang widget komentar terbaru ini, para pengunjung akan lebih suka berada di Blog kita, sekaligus akan senang berkunjung juga.Langsung saja kita kepada pembahasan yang Cara Memasang Recent Comments dengan Avatar di Blog :
- Masuk ke akun Blogger sahabat
- Klik layout atau Tata Letak
- Klik tambahkan gadget atau add gadget
- lalu pilih HTML/JavaScript
- Tambahkan kode ini di kotak tadi
<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 = 5,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 30,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://indolaron-js.googlecode.com/svn/trunk/Recent_Comments_With_Avatar.js"></script>
<script type="text/javascript" src="http://mnutz.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
6. Ganti http://mnutz.blogspot.com dengan alamat Blog sahaba, lalu Simpan
Keterangan :
avatarSize = 30 : Ukuran avatar atau gambar profil
characters = 30 : Jumlah kata pada komentar yang ingin ditampilkan.
jumlah angka 5 : Jumlah komentar yang ingin ditampilkan
Terimakasih telah berkunjung gan/sis.
ADS HERE !!!