Pages - Menu

1 Nov 2012

Recent Comments ပုံစံေလးတမ်ိဳးနဲ႕လွေနျခင္ရင္

Recent Comments ပုံစံေလးတမ်ိဳးနဲ႕လွေနျခင္ရင္

မဂၤလာပါ ဘေလာ့ခရီးသည္ကိုလာေရာက္ၾကကုန္ေသာ ခ်စ္မိတ္ေဆြအေပါင္းတို႕ဗ်ားးး
ဒါေလးေကတာ့  မိမိတို႕ဘေလာ့မွာ ေပးထားသမ်ွ  ကြန္မက္ မ်ားကို ပုံေလးေတြနဲ႕အတူ
စာရင္းျပဳစုထားၾကမယ္ဆိုတဲ့ မိတ္ေဆြမ်ားအတြက္ လိုအပ္သလို သုံးစြဲနိဳင္ပါတယ္..
ပုံေလးကိုၾကည့္လုိက္ပါ....

 ထည့္နည္းေလးေကတာ့ ရိုးရွင္းလြန္းလွပါတယ္....

   ► 1. Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ► 3.  Page Elements
   ►4.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ► 5.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►6. ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ



<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: italic;
    line-height: 1.4;
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/w2b recent comments with avatars.js"></script>
<script type="text/javascript" src="မိမိတို႕ဘေလာ့လိပ္စာေရးပါ/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

 မွတ္ခ်က္   ။                  ။
               (၁)   numComments  = 5 ဆိုတာကို နံပါတ္ေျပာင္းလဲ နိဳင္ပါတယ္။
               (၂)   avatarSize  = 60ဆိုတဲ့ ေနရာမွာ ပုံေလးေတြရဲ႕ အရြယ္အစားပါ။
               (၃)   မိမိတို႕ဘေလာ့လိပ္စာေရးပါ   မွာ သင့္ရဲ႕ဆိုဒ္လိပ္စာ url ကိုေရးေပးပါ။
               (၅)    max-results=ဆိုတာကေတာ့ နံပါတ္ (၁) နဲ႕တူတူဘဲေပါ့ ေျပာင္းနိဳင္တယ္။
ကဲ စမ္းသတ္ၾကည့္လိုက္ပါေနာ္..အဆင္ေျပၾကပါေစ.....

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...
www.aungsanmks.blogspot.com 
www.ledimyethar.com

Twitter Delicious Facebook Digg Stumbleupon Favorites More