Membuat Blog Lebih Hidup Dengan Recent Comment Avatar

Recent Comment merupakan suatu widget pada blogspot yang di gunakan untuk menampilkan komentar komentar terbaru dari postingan blog kita. Dengan membuat recent coment secara tidak langsung akan dapat mengoptimalkan halaman blog kita sehingga recent comment ini bisa disebut salah satu teknik seo sederhana untuk blogspot.

Manfaat ketika menggunakan recent comment ini yaitu diantaranya meningkatkan page view pada blog anda dan selain itu recent comment ini memungkinkan pengunjung lain untuk memberikan komentarnya dalam postingan blog anda sehingga komentar pengunjung tersebut dapat dihitung sebagai postingan baru dan blog anda menjadi tampak lebih hidup.

Untuk memasang Recent Comment pada blog anda mari anda mengikuti petunjuk petunjuk berikut dibawa. Widget recent comment yang akan kita buat ini recent comment dengan memunculkan avatar dari para komentator blog kita, sehingga blog kita akan tampak lebih menarik.

Cara Membuat Recent Comment Avatar:

• Login ke akun blogger.com
• Pilih Tata Letak lalu tambahkan Tambah Gadget > HTML/Javascript
• Kemudian masukan kode berikut 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 = 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://www.sitekamu.tk/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5">
</script>

• Sebelum disimpan ganti http://www.sitekamu.tk dengan URL blogmu sendiri. 5 adalah banyaknya komentar yang akan ditampilkan 50 adalah ukuran avatar dan 60 adalah banyaknya karakter komentar yang muncul.
• Simpan jika sudah selesai.