How To Add Recent Comments Widget With Avatars To Blogger

ဒီေန႔တင္တဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Comment/မွတ္ခ်က္လာေပးသူေတြရဲ႕ ပုံနဲ႔တကြ သူတုိ႔၏ မွတ္ခ်က္စာမ်ား ေပၚေအာင္ထည့္နည္းေလးပါ။ သိၿပီးၾကေသာ မိတ္ေဆြေတြလည္းမ်ားေတာ့မွာပါ။ မသိေသးတဲ့ မိတ္ေဆြေတြ အတြက္ထပ္ေ၀မွ်ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင့္ပါတယ္။ ေအာက္မွာ Demo ပုံ နွင့္ တကြ Cond လည္းေပးထားပါတယ္။

၁။Sign In Blogger

၂။ Layout

၃။ Add a Gadget

၄။ HTML/JavaScript

၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။

<style type="text/css">

ul.Mr ThangMing_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  = 50,

 roundAvatar = true,

 characters  = 40,

 showMorelink = false,

 moreLinktext = "More »",

 defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgugv7a0X6Ez7UHfOM2KV-uDtRmbcSlw6Ew9SKmiUn0xDuV7wSoAXKmqReFjjX1Mw-4BTnhiux4Rny0-b0nIsYOwVvNFB5wuysiRe33DXfQ9z8xSBiT3h0DjfRcQtLYN4rd2dcctCSvQic/s1600/Mr%20ThangMing.jpg",

 hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://mrthangming.googlecode.com/files/Recent%20Comment.js"></script>

<script type="text/javascript" src="http://သင့္ဘေလာ့လိပ္စာထည့္ရန္.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

ထည့္ၿပီးရင္ Save ကုိ နုိပ္ေပးလုိက္ပါ။

မွတ္ခ်က္။   ။http://သင့္ဘေလာ့လိပ္စာထည့္ရန္.blogspot.com ေနရာမွာ _  ဥပမာ-http://mrthangming.blogspot.com/ ဒီလုိမ်ဳိးထည့္ေပးရပါမယ္။