Widget Recent Comments Untuk Blogger

Widget Recent Comments Untuk Blogger. Widget Recent Comments ini khas untuk pengguna blogspot sahaja. Banyak kelebihannya jika menggunakan widget ini terhadap blog terutamanya blogger yang sering mendapat komen.

Kelebihan Widget Recent Comment ini :

• Valid HTML5
• Mempunyai Avatar pengomen.
• Komen admin tidak akan muncul di recent comments

Cara pemasangan :

1. Pergi ke Layaout
2. Add a Gadget dan pilih HTML/Javascript
3. Masukkan kod di bawah

<style type="text/css" scoped>
ul.adibsite_recent{list-style:none;margin:0;padding:0;}
.adibsite_recent li{background:none !important;margin:0 0 6px !important;padding:3px 
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;}
.adibsite_recent li:hover{border: 1px solid #ddd;}
.adibsite_recent a {text-decoration:none;}
.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;width:35px;height:35px}
.adibsite_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Adib Site';
//]]>
</script>
<script type="text/javascript" src="https://adib-storage.googlecode.com/files/recent%20comments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=adibsite_recent&amp;&amp;max-results=50">
</script>

numComments = 5, (Jumlah komen di widget)
showAvatar = true, (Gambar avatar wujud/tidak)
avatarSize = 35, (Edit saiz avatar)
roundAvatar = true,
characters = 40, (Jumlah perkataan dalam widget tersebut)
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=50,
adminBlog='Adib Site'; (Gantikan Adib Site dengan nama admin blog anda)

Sekian saja tutorial kali ini.