- Anda login terlebih dahulu pada akun blogger anda
- Kemudian anda pilih Layout - add a gadget
- Lalu anda masukan kode di bawah 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 = 4,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script>
<script type="text/javascript" src="Url Blog"/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
</div> - Finis
Keterangan
- Url Blog "Masukan alamat blog anda"
- numComments = 4 "Tampilan komentar yang akan ditampilkan pada blog kita"
Gimana cukup mudahkan Cara Membuat Widget Recent Coment Untuk Blogger,apalgi kalau langsung kita praktekan,Semoga bisa membantu anda dalam mempercatik tampilan blog anda,
Sampai Ketemu diartikel selanjutnya...............!