Friday, 31 July 2015

အလြယ္ကူဆုံး Add Elemic Green Menu ( အစိမ္းေရာင္ )

မဂၤလာပါ  ဘေလာ့ခ်စ္ေသာပရိတ္သတ္အေပါင္းတို႕... သည္ေန႕ ေရးျဖစ္တဲ့ အေၾကာင္းရာေလးကေတာ့ဘေလာ့တစ္ခုမွာ မရွိမျဖစ္ လိုအပ္ခ်က္ျဖစ္တဲ့  ေခါင္းစဥ္လို႕ ေခၚတဲ့ Menu ေလးေတြ ဖန္တီးနည္းပါ။သည္နည္းေလးကို အလြယ္ဆုံးနဲ႕ မရွင္းဆုံး ျဖစ္ေအာင္ ေရးသား တင္ျပေပးထားပါတယ္... သူကေတာ့Animated ပုံစံေလးနဲ႕ တမ်ိဳးေတာ့ လွပါတယ္... စိတ္၀င္စားမယ္ဆို ေအာက္မွာ လုပ္နည္းနဲ႕  လိုအပ္ေသာကုဒ္ေတြကို ညႊန္ျပ ရွင္းလင္းထားပါတယ္... အရမ္းလြယ္ကူပါတယ္...နည္းလမ္းကေတာ့   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ   ►5. ...

Thursday, 30 July 2015

အလြယ္ကူဆုံး Add Elemic Tree Brown Menu ( အညိဳေရာင္ )

မဂၤလာပါ  ဘေလာ့ခ်စ္ေသာပရိတ္သတ္အေပါင္းတို႕... သည္ေန႕ ေရးျဖစ္တဲ့ အေၾကာင္းရာေလးကေတာ့ဘေလာ့တစ္ခုမွာ မရွိမျဖစ္ လိုအပ္ခ်က္ျဖစ္တဲ့  ေခါင္းစဥ္လို႕ ေခၚတဲ့ Menu ေလးေတြ ဖန္တီးနည္းပါ။သည္နည္းေလးကို အလြယ္ဆုံးနဲ႕ မရွင္းဆုံး ျဖစ္ေအာင္ ေရးသား တင္ျပေပးထားပါတယ္... သူကေတာ့Animated ပုံစံေလးနဲ႕ တမ်ိဳးေတာ့ လွပါတယ္... စိတ္၀င္စားမယ္ဆို ေအာက္မွာ လုပ္နည္းနဲ႕  လိုအပ္ေသာကုဒ္ေတြကို ညႊန္ျပ ရွင္းလင္းထားပါတယ္... အရမ္းလြယ္ကူပါတယ္...နည္းလမ္းကေတာ့   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ   ►5. ...

Wednesday, 29 July 2015

Dropdown Menu လွလွေလးနဲ႕ ဘေလာ့ကိုအလွဆင္ၾကစို႕

 မဂၤလာပါ  သည္နည္းပညာေလးကေတာ့ နိဳင္ငံျခားဆိုဒ္တစ္ခုမွ ျပန္လည္ မွ်ေ၀ျခင္းျဖစ္ပါတယ္..အဆင္ေျပၾကမယ္လို႕ ယုံၾကည္ပါတယ္ေနာ္...ေအာက္မွာ ေလ့လာ နိဳင္ပါတယ္ေနာ္   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါသည္ေဘာက္ေလး တိုင္းကလ္စျပီး က်လာတဲ့ ေဘာက္ထဲမွာ ေအာက္က ကုဒ္ေတြ ထည့္ေပးလုိက္ပါ။သည္ေခါင္းစဥ္ေလးရဲ႕ ပုံစံကို နမူနာ ၾကည့္လိုပါက   သည္မွာ   သြားလုိက္ပါေနာ္။                <style type="text/css">@charset 'UTF-8';#cssmenu{border:none;border:0;margin:0;padding:0;font-family:verdana,geneva,arial,helvetica,sans-serif;font-size:14px;font-weight:bold;color:#8e8e8e;width:auto}#cssmenu > ul{margin-top:6px...

Tuesday, 28 July 2015

Blogger Dropdown Menu ကိုအရိုးရွင္းဆုံးနဲ႕ အလွပဆုံးေလး ဖန္တီးမယ္ ( လန္းမွလန္း )

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

Monday, 27 July 2015

ဘေလာက္လုပ္ပုံ အဆင့္ဆင့္ အပုိင္း(၃)

1.3. Moderate Commentsဘေလာ႔ဂ္မ်ားတြင္ ပိုစ္႔တစ္ခုခ်င္းစီကို Comment မွတ္ခ်က္ ေပးလို႔ရသည္။ မည္သူမဆို ေပးလို႔ရေအာင္ ခြင္႔ျပဳႏိုင္သလိုကိုယ္ခြင္႔ျပဳလိုသူမ်ားကိုသာ မွတ္ခ်က္ေပးႏိုင္ေအာင္ သတ္မွတ္ေပးထားလို႔လည္း ရသည္။ Blospotက အသင္႔ေပးထားေသာ Comment System ကို အသံုးျပဳလို႔ ရသလို အျခားကိုယ္ႏွစ္သက္ေသာ စနစ္ကို အသံုးျပဳမည္ ဆိုလွ်င္လည္း အဆင္ေျပသည္။ ဤေနရာတြင္မူ Blogspot မွအသင္႔ေပးထားေသာ ကြန္မန္႔ စနစ္အေၾကာင္းကိုသာ ရွင္းျပသြားပါမည္။Moderate Comments ဆိုသည္မွာ Comments မ်ားကို ထိန္းခ်ဳပ္ျခင္းပင္ ျဖစ္သည္။ အျခားသူမ်ားကို မျမင္ေစခ်င္ေသာ အခ်ိဳ ႔ေသာ Comments မ်ားကို ခြင္႔မျပဳေသးဲ ဆိုင္းငံ႔ထားႏိုင္သည္။ ပယ္ဖ်က္ ပစ္ႏိုင္သည္။ သို႔မဟုတ္ ကိုယ္႔ဘေလာ႔ဂ္ကို...

Sunday, 26 July 2015

ဘေလာက္လုပ္ပုံအဆင့္ဆင့္ အပုိင္း(၂)

အားလုံးၿပီးသြားၿပီဆုိရင္ေတာ့ ဒီလုိမ်ိဳးေလးေတြ႔ရမွာပါ။ Dashboard တြင္ မိမိဖန္တီးထားေသာ ဘေလာ႔ဂ္ကို ျမင္ေတြ႔ရမည္ ျဖစ္သည္။ ဂူဂယ္လ္ အေကာင္႔တစ္ခုျဖင္႔ ဘေလာ႔ဂ္အေရအတြက္ အကန္႔အသတ္မရွိ ဖန္တီးႏိုင္သည္။ ယခု Dashboard တြင္ ျမင္ရသည္႔ ဘေလာ႔ဂ္မ်ားထဲမွ မိမိအသံုးျပဳလိုသည္ ဘေလာ႔ဂ္ကို ေရြးခ်ယ္ေပးရမည္။ ယခုမွ ပထမစလုပ္ေသာ ဘေလာ႔ဂ္မ်ား အေနႏွင္႔မူ ယင္းေနရာတြင္ ဘေလာ႔ဂ္ တစ္ခုတည္းသာ ေတြ႔ေနရမည္ ျဖစ္သည္။ဘေလာ႔ဂ္တစ္ခု တည္ေဆာက္ရာတြင္ အဓိက အခန္းက႑ သံုးခုရွိသည္။ ယင္းတို႔မွာ• Posts• Setting•Layoutsစသည္တို႔ျဖစ္သည္။ Posts အပိုင္းမွာ စာရိုက္ျခင္း၊ တင္ျခင္းမ်ားႏွင္႔ သက္ဆိုင္သည္။ Setting အပိုင္းမွာ ဘေလာ႔ဂ္ကို မည္သို႔ ထိန္းခ်ဳပ္မည္၊ မည္သုိ႔ တင္ျပမည္...

Saturday, 25 July 2015

ဘေလာက္လုပ္ပုံအဆင့္ဆင့္ အပုိင္း(၁)

ကၽြန္ေတာ္ ကုိညီလင္းဆက္ဆီကေန သိလာတာေလးကုိ ေလ့လာသူမ်ားအေနႏွင့္ အက်ိဳးရွိမယ္ထင္လုိ႔ ပုိ႔စ္အျဖစ္တင္လုိက္ပါတယ္ ..သာမန္ ဘေလာ႔ဂ္တစ္ခု တည္ေဆာက္ျခင္းအဆင္႔ (၁)Create Google Account ဘေလာ႔ဂ္တစ္ခု တည္ေဆာက္ရန္အတြက္ သင္႔ထံတြင္ Google Account သို႔မဟုတ္ Gmail Account တစ္ခု ရွိရန္ လိုအပ္ပါသည္။ Google Account ကို ဒီေနရာမွာ ရယူႏိုင္သည္။အဆင္႔ (၂)First Step to Blogwww.blogger.com ကိုသြားပါ။ သင္၏ Google Account ႏွင္႔ စကားဝွက္ကို ထည္႔သြင္းပါ။အဆင္႔ (၃)Name Your Blogသင္၏ ဘေလာ႔ဂ္အတြက္ နာမည္ (Blog Title)၊ လိပ္စာ (Blog Address)...

Friday, 24 July 2015

Popular Posts ကို slider ေလးနဲ႕ ဘေလာ့ထိပ္ကေနအလွဆင္မယ္

  အေပၚကပုံထဲ႕လိုေလးး လုပ္ၾကည့္မယ္ေနာ္....ကဲ စမယ္1.ဘေလာ့ကာအေဟာင္းပုံစံအတြက္၀င္နည္း: Go to Dashboard - Design - Edit HTML - (make a backup) Expand Widget Template ဘေလာ့ကာအသစ္ပုံစံကိုေတာ့ သည္တိုင္း၀င္ပါ Go - Tto Dashboard emplate - Edit HTML - - (make a backup)2.  (CTRL + F) အကူညီျဖင့္ ေအာက္ကကုဒ္ကိုရွာလိုက္ပါ]]></b:skin>3.ေတြ႕ျပီဆိုရင္ သူ႕ရဲ႕အေပၚကပ္ျပီးး ေအာက္ကေပးထားတဲ့ကုဒ္ေတြ ထည့္ေပးပါ:#gallery{position:relative;margin:0 35px 20px;width:590px;height:126px;background:#ffffff}#gallery .belt{position:absolute;top:0;left:0;list-style-type:none}#gallery .panel{float:left;margin:20px;width:84px;height:86px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjwS2rnWKa3DFpj_6vAM4m4at3mIPnXzsuM2o5G-DKCMbDuTUG0qZZ2Zp_C707-NuT05HFjLKKeb25-3QfP3xW25qTx3AwTpSq1kCJhUTBcNiVn10GPUQs0Y9xuWsBVbSYZZnFKru2NAmW/s1600/bg-slider.png) bottom center no-repeat;overflow:hidden}#gallery .panel img{float:left;border:1px...

Thursday, 23 July 2015

ဘေလာ့မွာrelated posts widget ေလးထည့္ၾကမယ္.

  က်ေနာ့္ ဘေလာ့မွာလည္း တင္မထားရေသးတာနဲ႔ ဒီ related posts widget ေလးကို တင္အံုးမယ္လို႔ စိတ္ကူးလိုက္တာပါ။ အရင္ကေတာ့ thumbnails နဲ႔ ျပတဲ့ related post widgetကိုသုံးၾကပါတယ္..ဒါေလးကေတာ့အဆန္းေလးေပါ့ သုံးၾကည့္ပါေနာ္..အဆင့္(၁)။ အေနနဲ႔ Relatedposts ဆိုတဲ့ .js ဖိုင္ေလးကို အရင္ download ယူထားလိုက္ပါ။ ၿပီးရင္ ျပန္တင္ေပးရမွာ ျဖစ္ပါတယ္။အဆင့္(၂)။ က်ေနာ္တို႔ ထံုးစံအတိုင္း Layout ထဲက Edit HTML ကို သြားရပါမယ္။အဆင့္(၃)။ backup ေလး လုပ္ဖို႔ မေမ႔နဲ႔ေပါ့ဗ်ာ။အဆင့္(၄)။ ၿပီးရင္ html ကို၀င္လိုက္ပါအဆင့္(၅)။ ၿပီးရင္ေတာ့ </head> ဆိုတာေလးကို ရွာလိုက္ပါ။အဆင့္(၆)။...

Blog တစ္ခုအတြင္း ေဘာင္ခပ္ျခင္းအေထြေထြ

ဘေလာ့ Template တစ္ခုလံုးကိုပဲျဖစ္ျဖစ္ ဘေလာ့ Template ထဲက Widget တစ္ခုခ်င္းစီကိုပဲျဖစ္ျဖစ္ကိုယ္ႏွစ္သက္သလို ေဘာင္ခပ္တဲ့ နည္းပညာေလးတစ္ခုကို မွ်ေ၀ေပးခ်င္ပါတယ္ ..အရင္ဆံုး Template ႀကီး တစ္ခုလံုးကို ေဘာင္ခပ္တဲ့နည္းကို မွ်ေ၀ေပးပါ့မယ္ဒီနည္းရဲ႕ နမူနာ ( Demo ) ကို ၾကည့္ခ်င္တယ္ဆိုရင္ေတာ့ ကၽြန္ေတာ္အခုသံုးထားတဲ့ Template ႀကီးတစ္ခုလံုးရဲ႕ ေဘးပတ္ပတ္လည္မွာခပ္ထားတဲ့ ေဘာင္ကိုသာ ၾကည့္လိုက္ၾကပါလို႔ ..ကဲ .. အရင္ဆံုး Blogger ကို Lon in ၀င္လိုက္ပါ ..ၿပီးရင္ Template က ေန Edit HTML ကို ၀င္ပါHTML ကုဒ္ေတြထဲက ]]></b:skin>  ကို လိုက္ရွာပါ...

Wednesday, 22 July 2015

Popular Post Style လွလွေလးနဲ႕ အလွဆင္မယ္...

 ကဲ လာျပီဗ်ိဳ႕..... ဘေလာ့တစ္ခုရဲ႕  ေပၚပ်ဴလာ ပို႕ေလးေတြကို  လွလွပပနဲ႕ အလွဆင္ ထားျခင္သူေတြအတြက္  နည္းလမ္းေလး လာပါျပီေနာ္..ေအာက္မွာ နည္းလမ္းကိုေသျခာ ေလ့လာ ျပီးအသုံးျပဳနိင္ပါျပီ...►1-  Blogger Singin ၀င္လိုက္ပါ။►2-  Dashboard  ကိုသြားလိုက္ပါ။►3-  Template    ကိုကလစ္ပါ..။►4-  Edit  Html   ကို၀င္ပါ.. ►5- Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။]]></b:skin>  ကိုရွာလိုက္ပါ ေတြ႕တာနဲ႕  သူ႕အေပၚဘက္ကပ္လွ်က္  ေပးထားေသာကုဒ္မ်ားကို ထည့္လိုက္ပါ။#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none} #PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333;...

 

Copyright @ 2013 သာယာ၀တီသားေလး.