MM-HelperBlogger: Social Bookmarking Widget

မဂၤလာပါ သည္ေန႕ ေရးျဖစ္တာေလးကေတာ့ ဘေလာ့မွာ Social Widget ေလးေတြ ကိုပုံေလးနဲ႕

လွပေသသပ္စြာ ထားနိဳင္မဲ့ နည္းလမ္းေလးဘဲ ျဖစ္ပါတယ္... မိမိတို႕ရဲ႕ Facebook ေတြ Twitter ေတြ

Google Plusin ေတြကို ပုံေလးေတြ နဲ႕ ဆိုဒ္ဘားမွာ ေသသပ္စြာ ထားရွိ ျခင္းနည္းလမ္းေလးပါ..

ေအာက္မွာ ေသျခာ ရွင္းျပ ျပီး လိုအပ္တဲ့ ကုဒ္ေတြပါ ေပးလိုက္ပါတယ္ေနာ္ လုပ္ၾကည့္လိုက္ပါေနာ....

►1- Blogger Singin ၀င္လိုက္ပါ။
►2- Dashboard ကိုသြားလိုက္ပါ။
►3- Template ကိုကလစ္ပါ..။
►4- Edit Html ကို၀င္ပါ..
►5- Ctrl+F (သို႕မဟုတ္) F3 အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

]]></b:skin> ကုဒ္ကိုရွာပါ.... သည္ကုဒ္မွာ ျပႆနာ ခဏခဏျဖစ္ပါတယ္ ရွာမရတဲ့ျပႆနာေပါ့

ဒါကို ေသျခာရွင္းျပပါ့မယ္ သူက တက္ပလက္ အသစ္ေျပာင္းလိုက္တဲ့ခါမွာ အရင္ကလို ကုဒ္ဒင္းေတြ ရွာေဖြ ရမလြယ္ေတာ့ပါဘူး အေၾကာင္းကေတာ့ တက္လက္မွာ အတြင္းပိုင္းကုဒ္ေတြကို ေခါက္ထားလို႕ပါဘဲ အဲေတာ့ ကိုယ္လိုျခင္တာ ေရးရွာတာနဲ႕ ထြက္မလာတတ္ပါ

တတ္ပါဘူး ဒါကိုက်ေနာ္တို႕ နည္းလမ္ သုံးၾကည့္ရပါတယ္ ]]></b:skin> သည္ကုဒ္အတိုင္းရွာမရပါဘူး သည္ေတာ့ b:skin ဆိုတာေလးကိုဘဲ ေရးထည့္ရွာၾကည့္ပါ...

ေတြ႕မွာ ေသျခာပါတယ္ ေတြ႕တဲ့ခါ ေဘးမွာ မွ်ားအနက္ေလးနဲ႕ ေတြ႕မယ္ အဲမွ်ားကိုကလစ္လုိက္ျခင္းျဖင့္

သူေခါက္ထားတဲ့ ကုဒ္ေတြကို ျဖန္႕လုိက္တာျဖစ္ပါျပီ ဒါဆို ကိုယ္လိုျခင္တဲ့ ကုဒ္တိုင္း ေရးရွာနိဳင္ပါျပီေနာ္..

ေတြ႕ျပီဆိုတာနဲ႕ သူ႕အေပၚကပ္လွ်က္ ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြ ကို copy ယူျပီးထည့္ေပးလိုက္ပါ။

/* Start CSS X-Gen Sosial Media Button */
#xgen-socmed{ margin:5px auto;width:220px;}
.xgen-fb{float:left;background:#254dfd;padding:20px 5px;-webkit-border-radius:8px 8px 8px 0;-moz-border-radius:8px 8px 8px 0;border-radius:8px 8px 8px 0;margin:7px;width:40px;max-height:20px;text-align:center;border-top:5px solid #0121b1;border-right:5px solid #0121b1;-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;}
.xgen-fb:hover{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.xgen-fb a:link{font-weight:700;font-size:50px;color:#fff;text-decoration:none}
.xgen-fb a:visited{font-weight:700;font-size:50px;color:#fff;text-decoration:none}
.xgen-tweet{float:left;background:#00cae8;padding:20px 5px;-webkit-border-radius:8px 8px 8px 0;-moz-border-radius:8px 8px 8px 0;border-radius:8px 8px 8px 0;margin:7px;width:40px;max-height:20px;text-align:center;border-top:5px solid #006f7f;border-right:5px solid #006f7f;-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;}
.xgen-tweet:hover{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.xgen-tweet a:link{font-weight:700;font-size:50px;color:#fff;text-decoration:none}
.xgen-tweet a:visited{font-weight:700;font-size:50px;color:#fff;text-decoration:none}
.xgen-gplus{float:left;background:#313232;padding:12px 5px 28px 5px;-webkit-border-radius:8px 8px 8px 0;-moz-border-radius:8px 8px 8px 0;border-radius:8px 8px 8px 0;margin:7px;width:40px;max-height:20px;text-align:center;border-top:5px solid #000;border-right:5px solid #000;-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;}
.xgen-gplus:hover{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.xgen-gplus a:link{font-weight:700;font-size:50px;color:#fff;text-decoration:none}
.xgen-gplus a:visited{font-weight:700;font-size:50px;color:#fff;text-decoration:none}
/* end */

ဒါဆို မိမိတို႕ တက္ပလက္ကို ရဲရဲ ၀ံ႕၀ံ႕ ေဆ့လိုက္ပါေနာ္..မွားေတာ့ျပန္ဖ်က္တာေပါ့...ေိေိေိ...စတာ

ေနာက္တဆင့္ကေတာ့ အရမ္းလြယ္ပါျပီ.....ေနာ္ ေအာက္ကတိုင္းသြားလိုက္ပါ

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

<div id="xgen-socmed">
<div class="xgen-fb">
<a href="Link Facebook">f</a>
</div>
<div class="xgen-tweet">
<a href="Link Twitter">t</a>
</div>
<div class="xgen-gplus">
<a href="Link Google Plus">g</a>
</div>
</div>

သည္လိုထည့္တဲ့ခါ ကုဒ္ထဲမွာ ပါတဲ့အစိမ္းေရာင္ကာလာေတြျဖစ္တဲ့
"Link Facebook" ေနရာမွာ မိမိတို႕ fb link ထည့္ေပးလိုက္ပါ။
"Link Twitter" ေနရာမွာ လည္းထို႕နည္းတူပါဘဲ လင့္အစားထိုးေပးပါ။
"Link Google Plus" ေနရာကိုလည္းအထက္ကနည္းတိုင္း ပါဘဲေနာ္..
ဒါဆို လွပေသသပ္တဲ့ ပုံေလးေတြနဲ႕အတူ ေတြ႕ျမင္ရမွာ ျဖစ္ပါတယ္ေနာ္....

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

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ

စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

သူငယ္ခ်င္းတို႔ရဲ႕ ဘေလာ့စ္ ပိုစ့္တိုင္းရဲ႕ေအာက္မွာ အခုလို Social bookmarking widget ေလးေတြ
ထားခ်င္တယ္ဆိုရင္ ေအာက္မွာလုပ္ပံုလုပ္နည္းကိုေဖာ္ျပထားပါတယ္။ widget generator နဲ႔အသံုးျပဳ

မွာမို႕ဘာမွမခတ္ခဲပါဘူး။
Social bookmarking widget is need of every blogger thats why you see such gadgets almost on every blog.Social bookmarking widgets helps you to boost traffic on your blog.Today I am sharing an amazing social bookmarking widget which comes with beautiful animated tooltips,when any user hovers on the social icons the tooltip comes out also it applies a opacity effect to these social icons,this effect increase beauty of this widget.Credit for this widget goes to Shareaholic.Now lets see hoe to add it to your blog,also see the demo at the bottom of this post.

How To Add This Widget To Blogger?

I have created a blogger widget generator form for this widget.Follow below simple steps to add this widget to your blog.

မိမိဘေလာ့စ္မွာအေကာင့္အရင္၀င္လိုက္ပါ။
ျပီးလွ်င္ေအာက္က Add to Blogger ကိုႏွိပ္ပါ။
redirect to blogger add widget page ေရာက္သြားပါမယ္။
မိမိ blog ရဲ႕ Add Widget button ကိုေရြးပါ။
widget ကိုဆြဲျပီး ပိုစ့္ page layout ကိုဆြဲသြားပါ။
ျပီးရင္ Save Arrangements button ႏွိပ္လိုက္ရံုပါပဲ။

မွက္ခ်က္ ။ ။ ဒီ widget က post pages တစ္မ်ိဳးတည္းျမင္သာဖို႔အတြက္ပါ။ Homepage အားလံုးမွာ
Widget button ပိုစ့္အားလံုးမွာျမင္သာေစခ်င္ရင္ ပထမဆံုးစာေၾကာင္း
(<b:if cond='data:blog.pageType == "item"'>) ျပီးလွ်င္ေနာက္ဆံုးစာေၾကင္း (</b:if> ထည့္လိုက္ပါ။
ရန္ကုန္သား(နည္းပညာျမိဳ႕ေတာ္)

MM-HelperBlogger

Youtube Video

Image With Text

ဘေလာ့မွာ လွပတဲ့ Social Widget ေလးေတြကို CSS3 နဲ႕ အလွဆင္ထားၾကမယ္

Social Bookmarking Widget With Tooltips For Blogger

How To Add This Widget To Blogger?

အဖြဲ႔၀င္ခဲ့ဖို႔ဖိတ္ေခၚပါတယ္

Labels ( လိုခ်င္တာဒီမွာရွာပါ )

Popular Posts

+Add Friend Yangonthar

Like ႏွိပ္ျပီးအားေပးၾကပါသူငယ္ခ်င္းတို႔ေရ..

ေျပာခ်င္တာေလးေတြ...ေရးခဲ့ပါ..

Recent Post

Free Movie Online

နည္းပညာနဲ႔အေထြေထြ၀က္ဆိုဒ္သို႔....