Membuat Widget Recent Comment di Blog

Membuat Widget Recent Comment di Blog - Widget Recent Comment berfungsi sebagai penanda apakah ada komentar baru yang masuk di blog kita atau tidak, widget ini tentunya sangat bermanfaat sekali. Untuk tutorialnya anda hanya cukup membaca artikel tentang Cara Membuat Widget Recent Comment dengan Avatar di Blog dibawah ini.

widget recent comment dengan avatar

Langkah - langkah:
1. Login ke blogger menggunakan akun anda
2. Kemudian pilih tata letak
3. Selanjutnya klik Tambah Widget → HTML/JavaScript
4. Masukkan code dibawah ini

<div style="overflow:auto;width:300px;">
<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: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://ceritangeblog.googlecode.com/files/Recent%20coments%20avatar.js"></script>
<script type="text/javascript" src="http://namabloganda.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=9999"></script>

5. Simpan dan lihat hasilnya

Tambahan:
adalah ukuran lebar widget
diganti dengan URL blog anda

Itulah sobat beberapa langkah untuk Membuat Recent Comment dengan Avatar di Blog, terima kasih telah membaca.

Share This :