Widget Recent Comments Untuk Blogger

By : Posted on 04/12/2013 - 1:26 pm with 2 comments

Recent Comments

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.

2 comments

Click here for comments

bagus juga kalau ada recent komen ini..memberi penghargaan kepada para pengomen.

salam kenal juga admin adib site :-)

#kartunster

1. Gunakan Name/URL untuk komen jika tidak mempunyai akaun Google+.
2. Elakkan Guna Anonymous untuk mengelakkan kekeliruan.
3. Komen anda akan ditapis dahulu sebelum diterbitkan.
4. Terima kasih kepada yang memberi komen.