Recent comment ini bagi kakafuad sangat berguna sekali, di sisi admin akan menambah pageview sedangkan disisi pengunjung blog bisa tau bahwa dirinya sedang di comment.
Bukti nyata sudah ada seperti yang ada di blog kakafuad ini.
Ok langsung saja
- Login ke bloggernya.
- Masuk ke dashboard >> pilih tata letak >> pilih tambakan gadget.
- Pilih HTML/JavaScript .. kemudian copy paste kode berikut.
<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://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru-dengan-avatar-bulat.js"></script>
<script type="text/javascript" src="http://kakafuad.blogspot.co.id/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
Keterangan
· numComment = 5 >> adalah jumlah comments yang ingin ditampilkan
· kakafuad.blogspot.co.id >> ganti dengan url blog kalian
terakhir klik tombol Simpan. Dan lihat Blog
selesai dehh.... Terima Kasih sudah berkunjung ke blog kakafuad J
0 comments:
Post a Comment