How To Add Thumbnail Recent Comment Widget To Blogger

ဒီေန႔တင္တဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Thumbnail Recent Comment ေလးနည္းေလးပါ။ အရင္ကတင္ၿပီးသာေတြလည္းရွိပါၿပီး (၁)How To Add Simple Recent Comments Widget To Blogger / (၂) How To Add Recent Comments Widget With Avatars To Blogger ဒီပုိ႔(စ္)ေတြမွာလည္းတင္ေပးပါၿပီး၊ ပုံစံအမ်ဳိးမ်ဳိးနဲ႔ သုံးလုိ႔ရေအာင္ လုိတာထက္ပုိတင္ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင့္ပါတယ္။ ေအာက္မွာ Demo ပုံ နွင့္ တကြ Cond လည္းေပးထားပါတယ္။

၁။Sign In Blogger

၂။ Layout

၃။ Add a Gadget

၄။ HTML/JavaScript

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

<style type="text/css">ul.tb_recent_comments{list-style:none;margin:0;padding:0;}.tb_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;}.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}.tb_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">var numComments  = 5,showAvatar = true,avatarSize  = 60,characters  = 200,defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",hideCredits = true;</script><script type="text/javascript" src="http://mrthangming.googlecode.com/files/thumbcomment.js"></script><script type="text/javascript" src="http://www.
သင့္ဘေလာ့လိပ္စာထည့္ရန္ .blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

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

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