Saturday, June 27, 2015

Author Box ကိုရိုးရိုးရွင္းရွင္းေလးထားခ်င္သူမ်ားအတြက္


Wordpress မွာေတာ့ Author box ရွိေသးရင္ Blogger မွာလည္းရွိႏုိင္ပါတယ္။ ဒါေၾကာင့္ အားမငယ္ပါနဲ႕။ မရွိတာကို ရွိေအာင္လုပ္ဖို႕မခက္ပါဘူး။ Tech in Blogging မွကလိထားတာ တစ္ခုရွိပါတယ္။

အထက္ပါပံုလိုမ်ိဳးျဖစ္ခ်င္တယ္ဆိုရင္ လြယ္လြယ္ေလးပါ။ ခု Add to Blogger ကို အရင္ ကလစ္ပါ။ Add Page Element ဆုိၿပီး page ေပၚလာပါလိမ့္မယ္။ Add Widget ကို ကလစ္ပါ။

ဒါဆုိရင္သူ႕ရဲ႕ CSS Code ေရာက္သြားပါၿပီဗ်ာ။

 Blogger >> Template >> Edit HTML ကိုသြားၿပီးရင္

<div class='post-footer-line post-footer-line-1'/>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-body entry-content'>

ဒီကုဒ္သံုးခုကို တစ္ခုျခင္းလိုက္ရွာပါ။ ေတြ႕တာနဲ႕ အဲ့ကုဒ္ေအာက္မွာ Author box ကိုသာထည့္ေပေတာ့။

<div id="tib-author">
<img src="ကိုယ့္ပံုကိုယ္ထည့္ပါ" width="55" />
<br />
<h5 style="color: black;">
<b>Author:</b>နာမည္ထည့္</h5>
<div class="author-descrip">
သင့္အေၾကာင္းနဲ႕ပတ္သတ္တဲ့အက်ဥ္းခ်ဳပ္ နည္းနည္းေရးရုံပဲ</div>
</div><div style="text-align: right;">
<a href="http://adf.ly/MgZer"><span style="font-size: x-small;"><b>Get this widget » ရယူရန္ </b></span></a><span style="font-size: x-small;"><b></b></span></div>

ကိုယ့္ပံုကိုယ္ထည့္ပါ ေနရာမွာ ကိုယ့္ပံုကို တင္ပါဗ်ာ။
နာမည္ထည့္ ေနရာမွာ နာမည္အရင္းထည့္ခ်င္ရင္ထည့္ပါ။ သို႕မဟုတ္ သင္ယခု Blogger မွာသံုးေနတဲ့နာမည္ကို ထည့္ပါ။
သင့္အေၾကာင္းနဲ႕ပတ္သတ္တဲ့အက်ဥ္းခ်ဳပ္ နည္းနည္းေရးရုံပဲ ေနရာမွာ အမ်ားႀကီးေရးစရာမလိုပါဘူး။ အဂၤလိပ္လိုပဲျဖစ္ျဖစ္ ၊ ျမန္မာလိုပဲျဖစ္ျဖစ္ ေရးလို႕ရပါတယ္။
တျခား html ေတြကျပင္စရာမလိုဘူး။ ကြ်န္ေတာ္အေရာင္နဲ႕ေပးထားတဲ့ စာေတြကိုပဲျပင္လိုက္ပါ။

အဆင္ေျပပါေစ။ ကြ်န္ေတာ့္ဆိုဒ္မွာသံုးေနတဲ့ Widgets ေလးကိုလိုခ်င္ရင္လည္း ေနာက္မွ share လိုက္ပါဦးမယ္။


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



ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ



Facebook Fan Page ကိုမလိုျခင္ျပန္ဖ်က္နည္း

 ဘေလာ့ကာမိတ္ေဆြမ်ားအတြက္  မိမိတို႕ လုပ္မိထားေသာ ဘေလာ့ကာရဲ႕ facebook fan page အပိုေတြကို ဖ်က္လိုပါက  ဖ်က္နိဳင္ရန္  နည္းလမ္းေလးကို တင္ျပလုိက္ရပါတယ္ေနာ္... အလြယ္ေလးပါ
                             
    အျမန္ဖ်က္ခ်င္ရင္ ဒီကို ႏွိပ္လိုက္ - https://www.facebook.com/pages/Delete

 ေအာက္မွာ ပုံေလးနဲ႕တစ္ကြ ရွင္းျပေပးထားပါတယ္.....


 မိမိတို႕ facebook ကေန ဖ်က္လိုေသာ  ေပ့ကိုကလစ္ေပးလိုက္ပါ..အေပၚပုံကျပထားသလိုေပါ့..ေနာ္

 အေပၚပုံတိုင္းက်လာမယ္..အဲခါမွာ Edit Page ကေနကလစ္ျပီး Manage Permissions ဆိုတာကိုကလစ္ပါ.
အေပၚပုံတိုင္းထပ္က်လာတာနဲ႕ ေအာက္နားမွာ Delete For .....မိမိဘေလာ့ေပ့အမည္... ဆိုျပီးရွိပါတယ္
အဲတာကိုကလစ္ျပီး ဖ်က္ေပးလိုက္တာနဲ႕  ok  ေပါ့ေနာ္.... အဆင္ေျပၾကပါေစ....

<<<တာ၀န္မေလးပါကတခ်က္ေလာက္ကလစ္ေပးခဲ့ေစလို>>>

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

Friday, June 26, 2015

ဘေလာ့မွာ Font Style & Size Widget ေလးထားမယ္


ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ ရွိတဲ့ စလုံးေလးေတြကုိ Style , Size ေတြေျပာင္းေပးနုိင္တဲ့ Widget ေလးကုိ မွ်ေ၀ေပးလုိက္ပါတယ္။ Style ကေတာ့ စလုံးပုံစံ ေျပာင္းတာကုိ ဆုိလုိပါတယ္။ Size ကေတာ့ စလုံးအရြယ္အစား အႀကီး/ေသ ေျပာင္တာကုိ ေခၚပါတယ္။ ေအာက္မွာ Demo(နမူနာ) နွင့္ တကြ ထည့္နည္းကုိလည္း မသိေသးတဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ပုံျဖင့္ ေဖာ္ျပေပးလုိက္ပါတယ္

၁။ Sign In Blogger

၂။ ေအာက္က Add To Blogger Button ေလးကုိ Click လုိက္ပါ။



၃။ Add Widget Button ေလးကုိ Click ေပးလုိက္ပါ။
 

                                   သည္ေနရာက  ကူးယူေဖၚျပသည္


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


ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Blog ႏွင္႔ RSS Feed ျပႆ နာ




လြန္ခဲ႔တဲ႔ (၂) လေလာက္က က်ေတာ္ရဲ႕ Blog Rss Feed အလုပ္မလုပ္ေတာ႔လို႔ ေတာ္ေတာ္ တိုင္ပတ္ခဲ႔တယ္။ ထံုးစံအတိုင္းGoogle ကို ပဲအားကိုးရတာေပါ႔။ 
Feed Url ေတြကိုအမ်ဳိးမ်ိဳးေျပာင္းႀကည္႔တယ္။ မရဘူး။ Feed Burner က Post တစ္ခုကို 500kb ေလာက္ပဲ update လုပ္ေပးနိုင္တယ္လို႔ေျပာတယ္။
ဒါနဲ႔ HTML ထဲမွာျပင္ဆင္ေပးရမွာပါ...နည္းလမ္းေလးကေတာ့...

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

ကုဒ္ကိုထည့္ေပးလုိက္ပါ။



<link href='-BLOGS-FEED-URL' ကိုထည့္ေပးပါrel='alternate' title=' BLOGS TITLE ကိုထည့္ေပးပါ' type='application/rss+xml'/> 
ဒါေလးထည္႔ေပးလိုက္ရင္လည္း အဆင္ေျပ တယ္ဆိုတာနဲ႔ ထည္႔ ႀကည္႔တာလည္းမရဘူး။
 တျခားနည္းေတြလည္းေတာ္ေတာ္စံုေအာင္လုပ္ႀကည္႔တယ္။မရဘဲ (၂)ပတ္ေလာက္ 
  တိုင္ပတ္ခဲ႔တယ္။
 ေနာက္ဆံုးေတာ႔ စာေတြကို Microsoft Word  ထဲက Copy ကူးမထည္႔ ပါနဲ႔ 
  ဆိုတာေလးသြားေတြ႔ တယ္။
  
  ဒါနဲ႔ စမ္းႀကည္႔မယ္ဆိုျပီး  စာေတြကို Microsoft Word  ထဲက Copy 
 

   ကူးမထည္႔ပဲ ေနလိုက္တာ 

  (၃) 
  ပတ္ေလာက္ႀကာေတာ႔ Feed က အလိုလိုျပန္ေကာင္းသြားတယ္ဗ်ာ။
  ၀ါသနာတူ Blogger အသစ္မ်ား အတြက္ အေထာက္အကူရမယ္လို႔ထင္ပါတယ္။
  အဆင္ေျပမွာပါ။
                                     ေက်းဇူးတင္ပါတယ္။

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


ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Thursday, June 25, 2015

Popular Post ကိုလွလွပပေလး ထားျခင္သူမ်ားအတြက္


 မဂၤလာပါ  ခုတင္တဲ့ ပို႕စ္ေလးကေတာ့ ဘေလာ့ေတြရဲ႕ porpular post ေလးေတြကို စတိုင္ေလးနဲ႕...
ေကာ္နာေလးေတြကို ေလးေထာင့္မဟုတ္တဲ့ အ၀ိုက္ပုံစံေလးနဲ႕ေပါ့ေနာ္  လုပ္တဲ့နည္းလမ္းေလးပါ...
စိတ္၀င္စားမယ္ဆို  စမ္းသတ္ၾကည့္နိုႈ္င္ပါတယ္...ေနာ္...

 လုပ္ေဆာင္ခ်က္ အဆင့္ဆင့္ကို ျပထားပါတယ္...

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ ေနာက္ popular post ဆိုတာေရြးကလစ္ပါ။


 


 ေနာက္တဆင့္အေနနဲ႕  Html ထဲ၀င္ရမွာပါ...  အခု ဘေလာ့ html စတုိင္ေတြ ေျပာင္းလဲေနပါျပီ...
မသိေသးတဲ့သူမ်ား    သည္ေနရာမွာ   ကလစ္ျပီး ေလ့လာလိုက္ပါေနာ္...

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

               <body>  ဆိုတာကိုရွာလုိက္ပါ ေတြ႕တာနဲ႕ သူ႕အေပၚဘက္ကေနကပ္လ်က္ ေအာက္မွာ
ေပးထားေသာကုဒ္ကို ထည့္ေပးလိုက္ပါ။
မွတ္ခ်က္။   ။ blogger template ကုိ Originals(မူရင္း) အတုိင္းအသုံးျပဳသူေတြကေတာ့ <body  ဆုိၿပီးသာရွိပါတယ္။ <body ဆုိၿပီရွာပါ။ <body Cond နွင့္ဆက္တဲ့ Cond တစ္စု ရဲ႕အေပၚမွာ ထည့္ေပးရပါမယ္။

 <style type='text/css'>
.PopularPosts .widget-content ul li
    {border:1px solid #495A8A;
  margin-bottom:5px;
 border-radius:10px;
   padding-left:5px;
    }
.PopularPosts .widget-content ul li:hover
   {
    text-decoration:none;
    border:1px solid #EDD818;
    }
</style>




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


ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

ဘေလာ့မွာ Favicon ပုံေလးထည့္ၾကမယ္. (အသစ္မ်ားအတြက္)

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


 အဲလိုေလးေတြ ဖန္တီးဖို႕ မိမိတို႕လိုအပ္တဲ့ ပုံေလးေတြေတာ့ ရွိဖို႕လိုပါတယ္... အဲပုံေလးေတြကိုမွ Favicon လင့္ရေအာင္ဖန္တီးျပီး  လုပ္ၾကမယ္...ေနာ္..ဆက္ၾကည့္ပါ...

    ပထမဆုံးအေနနဲ႕     သည္ေနရာ     ကိုကလစ္ျပီးသြားလုိက္ပါ။
   


 အေပၚကပုံျပထားသလို  ဦးဆုံး Browse ကိုကလစ္ျပီး တင္ျခင္တဲ့ပုံကို ေရြးခ်ယ္ေပးပါ။
ေနာက္....ေအာက္က Generate Favicon ဆိုတာကိုကလစ္ေပးလုိက္ပါ။
အဲမွာဘဲ မိမိတို႕ ေရြးခ်ယ္ထားေသာ ပုံေလး  က်လာပါျပီ....။
က်လာ တဲ့ပုံကို ညာကလစ္ေပး  copy image location ယူတာနဲ႕ အဲပုံရဲ႕ လင့္ကိုရပါျပီ...
အဲလင့္ကို တခ်က္ မွတ္ထားလိုက္ပါ...

ဒါဆို မိမိတို႕ ေဘလာ့ရဲ႕  Html မွာထည့္ရေတာ့မွာ ျဖစ္ပါတယ္...ဒါေၾကာင့္

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

</head>

ဒါကိုရွာ ေတြ႕ၿပီဆိုရင္အေပၚမွာဘဲ ေအာက္ကေပးထားတဲ့လင့္ကို ထည့္ေပးလိုက္ပါ။

မွတ္ခ်က္ ။        ။   </head>  ရဲ႕ အေပၚမွာ ထည့္လို႕ preview နဲ႕ၾကည္ိ့ျပီး အဆင္မေျပက  သူ႕ေအာက္မွာ တမ်ိဳးေျပာင္းထည့္ စမ္းသတ္ေစလိုပါတယ္... ေအာက္မွာ ထည့္တာရတာလဲ ၾကံဳဘူးလို႕ပါ။

<link rel="shortcut icon" href="ဒီေနရာမွာမိမိရဲ႕logo linkထည့္ပါ"/>
 အဓိက သည္အေပၚကလင့္ေလးပါဘဲ  ဒါေလးထည့္ျပီးးတာနဲ႕  မိမိတို႕ ေစာေစာက ယူထားတဲ့ ပုံရဲ႕လင့္ေလးကို  ဒီေနရာမွာမိမိရဲ႕logo linkထည့္ပါ  ဆိုတဲ့ေနရာမွာ ထည့္ေပးလိုက္ပါ။

 ျပီးတာနဲ႕ ဘေလာ့ကို save template  မလုပ္ေသးဘဲ  preview နဲ႕တခ်က္စစ္ေဆးၾကည့္ဖို႕ ေျပာျခင္ပါတယ္...  အဆင္ေျပျပီဆိုခါမွ   save လိုက္ပါ... အိုေခ...
 
ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>
ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။

Wednesday, June 24, 2015

အပန္းေရာင္ Up Down ခလုတ္ [မိန္းကေလးအႀကိဳက္]





 အပန္းေရာင္ေလးေပါ့။ တခ်ိဳ႕မိန္းကေလးဆိုဒ္ေတြက အပန္းေရာင္ေလးေတြထားခ်င္တယ္။ အခ်စ္၀ဘ္ဆိုဒ္ေတြမွာလည္း up down ခလုတ္ေလးေတြထားခ်င္တယ္ဆုိရင္ေတာ့... ဒီမွာရတယ္ဗ်ာ။

ေအာက္ကပံုေလးပါပဲဗ်ာ။


ညာဘက္ကိုထားခ်င္သူမ်ားအတြက္ [Right side]

ညာဘက္မွာထားမယ့္သူအတြက္ပါ။ အခု Add to Blogger ကို အရင္ ကလစ္ပါ။ Add Page Element ဆုိၿပီး page ေပၚလာပါလိမ့္မယ္။ Add Widget ကို ကလစ္ပါ။

ဘယ္ဘက္ကိုထားခ်င္သူမ်ားအတြက္ [Left side]

ဘယ္ဘက္မွာထားမယ့္သူအတြက္ပါ။ အခု Add to Blogger ကို အရင္ ကလစ္ပါ။ Add Page Element ဆုိၿပီး page ေပၚလာပါလိမ့္မယ္။ Add Widget ကို ကလစ္ပါ။


ဘာမွျပင္စရာမလိုပါဘူး။ Manual ဆုိရင္ သယ္ရင္းတုိ႕ခက္သြားမွာဆိုးလို႕ပါဗ်ာ။ ဒါေၾကာင့္ auto ထည့္ေပးလိုက္ပါတယ္။ တျခားအေရာင္ေတြလည္း ႀကိဳးစားၿပီးတင္ေပးပါဦးမယ္ဗ်ာ။

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

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

မိမိရ႕ဘေလာ႕linkေတြကိုscrolling နွင့္လုပ္ခ်င္ရင္ လုပ္ခ်င္ရင္



ဒီေန႔က်ေနာ္တင္တဲ့ code ကလည္းဘေလာ့ဂါအတြက္အရမ္းကို သံုးလည္းသံုးေပ်ာ္သလို အသံုးလည္းဝင္ပါတယ္၊တစ္ခ်ိဳ႕ကေတာ့သိၿပီးၾကမွာပါ မသိၾကေသးတဲ့ခ်စ္မိတ္ေဆြသူငယ္ခ်င္းေတြအတြက္ပါ၊၊ တျခားcodeေတြလည္းက်ေနာ္ေတြ႕ဘူးပါတယ္ ဒီcodeေလးကအရမ္းရွင္းလို႕တင္လိုက္ျခင္းပါဘဲ၊
ေအာက္မွာပုံႏွင့္တကြ code



<div class="widget-content">
<ul style="height:150px;width:150px; overflow:auto; ">

<li><a href="ဤေနရာတြင္linkထည့္ပါ  "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ m"> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li>
<li><a href="ဤေနရာတြင္linkထည့္ပါ "> ဤေနရာတြင္အမည္ထည့္ပါ </a></li><span style="font-weight:bold;"></span>

</ul></div>


မွတ္ခ်က္-မိမိစိတ္တိုင္းsizeေျပာင္းလို႔ရပါတယ္။မိမိတို႕ေခါင္းစဥ္လင့္ခ်ိတ္ပါ   ေခါင္းစဥ္အမည္ ထည့္ပါ....
             ဒါဆို လွပေသသပ္တဲ့ ဘားေလးနဲ႕ မယ္ညဳေတြကို ရပါျပီ....


 အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>
ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Tuesday, June 23, 2015

blogger မ်ားအတြက္ Favicon Generator Sites မ်ား



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

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

 ဘေလာ့ခရီးသည္


ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Monday, June 22, 2015

ဘေလာ့မွာ HTML ကာလာကုဒ္ ရယူဖို႕တင္ထားမယ္ဆိုရင္



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

ထည့္နည္းကေတာ့........

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

<center>
</center>
</div>
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480">            <param name="movie" value="http://www.2createawebsite.com/build/col.swf"><param name="quality" value="High"><embed src="http://www.2createawebsite.com/build/col.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="485" height="485" quality="High"></embed></object>
<br />
<div align="right">
<br /></div>
</div>

 မွတ္ခ်က္  ။            ။ ကုဒ္ထဲမွာ hight  နဲ႕ width ဆိုတာေတြမွာ နံပါတ္ေတြပါတယ္..
                             မိမိတို႕ဘေလာ့နဲ႕ ကိုက္ညီသလိုျပဳျပင္နိဳင္ပါတယ္.....

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


ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

ဘေလာ့မွာ Mp3 Player ထဲ ့နည္း




ဘေလာ့ထဲမွာ Mp3 နားေထာင္လို ့ ရတာ ေကာင္းတယ္လို ့ဆိုလို ့ရ
တယ္ ာလို ့လည္း ဆိုေတာ့ စာဖတ္တဲ ့ ပရိတ္သတ္ေတြက တစ္
ခ်ဳိ ့ ၾကေတာ့ စာဖတ္ရင္း သီခ်င္း နားေထာင္တတ္တယ္ အခ်ဳိ ့ၾက
ေတာ့ စာဖတ္ ရင္ သီခ်င္းနားေထာင္တာ မၾကိဳက္ဘုူး အားရံုလြဲ
သလိုျဖစ္တတ္တယ္ အဲ ့တာေၾကာင့္သီခ်င္းထဲ ့မယ္ဆို ေအာ္တို
မလာခိုင္းတာ ပိုေကာင္းပါတယ္ ေလရွည္ေနတာ လုပ္ငန္းစပါစို ့
(1) Mp3 Player ဆိုဒ္ကိုသြားရမယ္ ဒီမွာ   နွိပ္ျပီးသြားလိုက္ပါ
(2)  facebook နဲ ့၀င္လို ့ရပါတယ္ .... 
                   ပံုမွာျပထားသလိုnew playlist နွိပ္လိုက္ပါ
ေပၚက ပံုအတိုင္းထြက္လာပါလိမ့္မယ္  ျပီးရင္ Youtube မွာလင့္သြားယူရပါမယ္ ၾကိဳက္တဲ ့သီခ်င္းကိုဖြင့္လိုက္ပါ ျပီးလွ်င္ပံုမွ
ျပထားတဲ ့တိုင္း လင့္ကို copy လုပ္ပါ
 ျပီးရင္ေတာ့ ေကာ္ပီ လုပ္ထားတဲ ့ လင့္ကို ေအာက္ပံုမွာ ျပထားတဲ့ 
တိုင္း Paste ခ်လိုက္ပါ
ေအာက္ပံုမ်ားျပထားတဲ ့တိုင္း  ထြက္လာပါလိမ့္မယ္ တစ္ခုေျပာ
ခ်င္တာက ျမန္မာစာ မထြက္ပါဘူး  + ပံုေလးကိုနွိပ္လိုက္ပါ အဲ ့လို
ပဲဆက္ျပီးေတာ့ သီခ်င္းေတြကို ရွာျပီး  ထဲ ့လိုက္ပါ
အာက္က ပံုထဲကလို မင္းတစ္ေယာက္တည္း-ဟဲေလး အဲ ့မ်ဳိး
ေတြ ပါလိမ့္မယ္ ဒါေတာ့ က်ေတာ္ ထဲ ့ထားတာေလးပါ
            ကိုယ္ျပင္ခ်င္တာရွိရင္   Edit tracks ကိုနွိပ္လိုက္ပါ   
  ေအာက္ကပံုမွာၾကည့္လိုက္ပါ နာမည္ေျပာင္းမလား အပံုေျပာင္းမလား
အစံုလုပ္လို ့ရပါတယ္ စိတ္ၾကိဳက္ျပင္ျပီးရင္ေတာ့ Done ေပါ့ဗ်ာ
ျပီးရင္ Next ကိုနွပ္လိုက္ပါ
ၾကိဳက္တဲ ့ ဒီဇိုင္း ေရြးလို ့ရတယ္  အေရာင္ ကာလာ ဆိုဒ္ စာလံုးအေရာင္ အစံုလုပ္လို ့ရတယ္
ျပီးရင္ေတာ့ ပံုမွာျပထားတဲ ့တိုင္း Finish ေပါ့
ျပီး ရင္ဒီေနရာေရာက္သြားမယ္ Embed ကိုနွိပ္လိုက္ပါ
ေအာက္က ပံုတိုင္းထပ္ထြက္လာပါလိမ့္မယ္  Use Free ကိုနွိပ္လိုက္
ေအာက္ကပံုထဲကတိုင္း ထြက္လာမယ္ ကုဒ္ေတြကို ေကာ္ပီလုပ္
►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ ေလးထဲမွာဘဲ ထဲ့ေပးလိုက္ပါ  ျပီးရင္ Save အဆင္ေျပပါေစ။
ေနာက္ထပ္ဘာေတြလုပ္လို ့ရလည္း ဆိုဆက္ေလ့လာလို ့လည္း
ရပါတယ္ ဓာတ္ပံုစလိုက္ ရိွူး အျခားဟာမ်ားလည္း ေအာက္ပံုမွာ
ပါသည့္တုိင္း ေလ့လာၾကည့္ၾကပါဦး
အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb

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

Sunday, June 21, 2015

ဘေလာ့ မွာ Photo ေတြကို Slide Show Effect နဲ႕ Gadget တစ္ခုထည္႕နည္း






Blogger ညီကိုမ်ားအတြက္ Post မတင္ျဖစ္တာၾကာသြားလို႕ အခု Post အလန္းေလးတစ္ခုမွ်ေ၀ေပးလိုက္
ပါတယ္ဗ်ာ။ မိမိရဲ႕ Blog မွာ ပံုေတြကို Slide Show လုပ္ျပီး Effect ေလးေတြနဲ႕ တင္လို႕ရတဲ႕ Code ေလးတစ္
ခုတင္ေပးလိုက္ပါတယ္ဗ်ာ။ Gadget တစ္ခုအေနနဲ႕ ထားလို႕ရပါတယ္ဗ်ာ။ ေျပာင္းဖုိ႕လိုတဲ႕ Link ေတြ စာ
သားေတြကို ကၽြန္ေတာ္အနီေရာင္နဲ႕ေရးေပးထားပါတယ္ဗ်ာ။



ဒီေနရာကေနစျပီေနာ္။ေသခ်ာေလးဖတ္ျပီးလိုက္လုပ္ၾကည္႕ေပးပါ။ လြယ္ပါတယ္။ 
drop down menu


HTML JAVASCRIPT A simple Drop Down Menu For Blogger
အဆင့္ 1  Design > Page Elements > Add a Gadget ကိုႏွိပ္ပါ။
အဆင္႕ 2 Eidt HTML ကုိေရြးေပးပါ။ ျပီးသြားရင္ ေအာက္က Code ကိုကူးထည္႕ေပးပါ။
အဆင္႕ 3 Save ႏွိပ္ေပးပါ။
<script type="text/javascript" src="http://bloggertrixcode.googlecode.com/files/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="http://bloggertrixcode.googlecode.com/files/jquery.scrollTo.js"></script>
<script>
$(document).ready(function() {

//Speed of the slideshow
var speed = 5000;

//You have to specify width and height in #slider CSS properties
//After that, the following script will set the width and height accordingly
$('#mask-gallery, #gallery li').width($('#slider').width());
$('#gallery').width($('#slider').width() * $('#gallery li').length);
$('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());

//Assign a timer, so it will run periodically
var run = setInterval('newsscoller(0)', speed);

$('#gallery li:first, #excerpt li:first').addClass('selected');

//Pause the slidershow with clearInterval
$('#btn-pause').click(function () {
clearInterval(run);
return false;
});

//Continue the slideshow with setInterval
$('#btn-play').click(function () {
run = setInterval('newsscoller(0)', speed);
return false;
});

//Next Slide by calling the function
$('#btn-next').click(function () {
newsscoller(0);
return false;
});

//Previous slide by passing prev=1
$('#btn-prev').click(function () {
newsscoller(1);
return false;
});

//Mouse over, pause it, on mouse out, resume the slider show
$('#slider').hover(

function() {
clearInterval(run);
},
function() {
run = setInterval('newsscoller(0)', speed); });});


function newsscoller(prev) {

//Get the current selected item (with selected class), if none was found, get the first item
var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');

//if prev is set to 1 (previous item)
if (prev) {

//Get previous sibling
var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');

//if prev is set to 0 (next item)
} else {

//Get next sibling
var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
}

//clear the selected class
$('#excerpt li, #gallery li').removeClass('selected');

//reassign the selected class to current items
next_image.addClass('selected');
next_excerpt.addClass('selected');

//Scroll the items
$('#mask-gallery').scrollTo(next_image, 800);
$('#mask-excerpt').scrollTo(next_excerpt, 800); }

</script>
<style>

#slider {

/* You MUST specify the width and height */
width:660px;
height:275px;
position:relative;
overflow:hidden;
-moz-box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
box-shadow: 0px 0px 6px #000000;
}
#mask-gallery {
overflow:hidden;
}

#gallery {
list-style:none;
margin:0;
padding:0;
z-index:0;
width:900px;
overflow:hidden;
}
#gallery li {
float:left;
}
#mask-excerpt {
position:absolute;
top:0;
left:0;
z-index:500;
width:100px;
overflow:hidden;
}

#excerpt {
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;

list-style:none;
margin:0;
padding:0;

z-index:10;
position:absolute;
top:0;
left:0;

width:100px;
background-color:#000;
overflow:hidden;
font-family:arial;
font-size:14px;
color:#fff;
}

#excerpt li {
padding:5px;
}

.clear {
clear:both;
}
#btn-prev {
border-top: 1px solid #96d1f8;
background: #65a9d7;
padding: 4px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 9px;
font-family: Georgia, serif;
text-decoration: none;
vertical-align: middle;
}
#btn-prev:hover {
border-top-color: #28597a;
background: #28597a;
color: #ccc;
}
#btn-prev:active {
border-top-color: #238acf;
background: #238acf;
}
#btn-next {
border-top: 1px solid #96d1f8;
background: #65a9d7;
padding: 4px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 9px;
font-family: Georgia, serif;
text-decoration: none;
vertical-align: middle;
}
#btn-next:hover {
border-top-color: #28597a;
background: #28597a;
color: #ccc;
}
#btn-next:active {
border-top-color: #238acf;
background: #238acf;
}
</style>
<div id="debug"></div>
<div id="slider">

<div id="mask-gallery">
<ul id="gallery">
<li><img src="ပံုအတြက္ Link ထည္႕ရန္" width="660" height="275" alt=""/></li>
<li><img src="ပံုအတြက္ Link ထည္႕ရန္" width="660" height="275" alt=""/></li>
<li><img src="ပံုအတြက္ Link ထည္႕ရန္" width="660" height="275" alt=""/></li>
<li><img src="ပံုအတြက္ Link ထည္႕ရန္" width="660" height="275" alt=""/></li>
<li><img src="ပံုအတြက္ Link ထည္႕ရန္" width="660" height="275" alt=""/></li>
</ul>
</div>

<div id="mask-excerpt">
<ul id="excerpt">
<li>ပံုအတြက္ မိမိထည္႕ခ်င္ေသာစာထည္႕ရန္</li>
<li>ပံုအတြက္ မိမိထည္႕ခ်င္ေသာစာထည္႕ရန္</li>
<li>ပံုအတြက္ မိမိထည္႕ခ်င္ေသာစာထည္႕ရန္</li>
<li>ပံုအတြက္ မိမိထည္႕ခ်င္ေသာစာထည္႕ရန္</li>
<li>ပံုအတြက္ မိမိထည္႕ခ်င္ေသာစာထည္႕ရန္</li> </ul>
</div>

</div>

<div id="buttons" style="width: 100px;margin-left: 260px;padding-left: 25px;height: 25px;">
<a href="#" id="btn-prev">prev</a>
<a href="#" id="btn-next">next</a>
</div>

<div class="clear"></div>

                                      အားလံုးအဆင္ေျပၾကပါေစဗ်ာ။
 http://www.pyaephyo.com
ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>
ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

တင္ထားသမွ်အားလုံး တေနရာထဲကေန ရွာေဖြနိဳင္တဲ့နည္းလမ္းေကာင္း

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


 ကဲစၾကမယ္ေနာ္...
ပထမဆုံး  မိမိတို႕ ဘေလာ့ကာကို sing in ၀င္လုိက္ပါေနာ္... ပုံေလးေတြနဲ႕တစ္ကြ ရွင္းျပေပးပါ့မယ္...
၀င္ျပီးတာနဲ႕  ေတြ႕ရမယ္ေနာ္..ေအာက္ကပုံကိုၾကည့္လိုက္ပါ

ပုံမွာျမင္ရတဲံအတိုင္း  အဆင့္ဆင့္  နံပါတ္ေလးေတြနဲ႕ ျပေပးထားပါတယ္...
ပထမဆုံး  ဘေလာ့မွာေပးေနတဲ့ ဘယ္ဘက္ေဘးတန္းက  pages ဆိုတာကိုကလစ္ရမွာပါ။
ေနာက္... အေပၚ နံပါတ္  ၂  တိုင္း New Pages ဆိုတာေလးကိုကလစ္တာနဲ႕ ေဘာက္ေလးက်လာမယ္
အဲေဘာက္ေလးထဲက  Blank page ဆိုတာကို ေရြးကလစ္လုိက္ပါ။
 ေအာက္ကပုံတိုင္းးက်လာမယ္

 သည္အဆင့္မွာေတာ့  ေဘာက္ၾကီးးတစ္ခုက်လာတာပါ.. အဲေဘာက္ရဲ႕အေပၚက အနီျပထားတဲ့
Html ဆိုတာကိုတခ်က္ကလစ္ေပးထားရပါ့မယ္... ေနာက္ ေအာက္မွာ ကြ်န္ေတာ္ေပးထားတဲ့
ကုဒ္ေတြကို အကုန္ေကာ္ပီယူျပီး  ထည့္ေပးလုိက္ပါ။ ကုဒ္ေတြထဲမွာ ေအာက္ဆုံးက 
http://www.aungsanmks.blogspot.com/ 
ဆိုတဲ့ေနရာကို  မိမိတို႕ လိပ္စာနဲ႕အစားထိုးလိုက္ပါ။
အဲခါမွာ မိမိတို႕ လိပ္စာမွာ http:// ရဲ႕ေနာက္က www. ဆိုတာေလးကို ထပ္မံျဖည့္စြပ္ေပးလိုက္ပါ။
တခါတရံ error ျပတတ္လို႕႔ါအဲတာေလးမပါခဲ့ရင္... လင့္ကေတာ့ တူတူပါဘဲ..ေနာ္...ဒါဆို ကုဒ္ထည့္တာ အိုေကပါျပီ... အဲအေပၚက Title ဆိုတဲ့အကြက္ေလးမွာ ေရးလိုတဲ့ေခါင္းစဥ္ ေရးေပးဖို႕ ပါဘဲ.... ဥပမာ...
တင္ထားသမွ်စုစည္းျခင္း  (သို႕)  တင္သမွ်အားလုံးအလြယ္တကူရွာေဖြရန္   စသျဖင့္ေပါ့ဗ်ာ...
အဲေလာက္ဆို   ရပါျပီ  Publish နဲ႕ ေဆ့ေပးလိုက္လို႕ရပါျပီ...    ေနာက္တစ္ခုက..အဲစုစည္းထားတာနဲ႕
ပါတ္သက္လို႕  ၀င္ေရာက္သူေတြအေနနဲ႕ ကြန္မန္း  မေပးေစလိုဘူးဆိုရင္ ညာဘက္က  Options ကိုကလစ္ပါ   dont allow ဆိုတာ ထားလုိက္ယုံပါဘဲေနာ္.... အားလုံးျပီးပါျပီ...
ဘေလာ့ကာေတြအတြက္ေတာ့  ဖလမ္းးးးဖလမ္းးးးဗ်မ္းးးဗ်မ္းးးးးဂြဲဘဲလို႕ယူဆမိတယ္...  လာလည္သူေတြအတြက္  ဆိုပိုေတာင္  မိုက္တယ္..အခ်ိန္ကုန္သက္သာတယ္ေလ.....

ကဲ....စလုိက္ၾကေတာ့ဗ်ာ..ေအာက္မွာ  ကုဒ္ေတြ....လက္ေဆာင္မြန္ေလးလို႕ယူဆရင္း  တာ့တာ...မြမြမြ

                

အားလုံးအဆင္ေျပမယ္လို႕  ေမွ်ာ္လင့္ရင္း တကယ္လို႕  မလုပ္တတ္ျဖစ္ခဲ့ပါက  စာခ်န္ျပီး အကူညီေတာင္းနိဳင္သလို  aungaungmks  ကိုအပ္ျပီးးလဲ ေျပာနိဳင္ပါတယ္....
ေလးစားေနတဲ့
<<<တာ၀န္မေလးပါကတခ်က္ေလာက္ကလစ္ေပးခဲ့ေစလို>>>

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

 

Copyright @ 2016 Myo Zaw Htet IT .