ဘေလာ့ ေခါင္းစဥ္ ထည့္နည္း ႏွင့္ လင့္ခ်ိတ္နည္းအျပည့္စုံ


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

ေတာင္းဆိုသူးကေတာ့
 နည္းပညာထားဝယ္ေျမ: http://www.mgnyiko.blogspot.com/ ကပါခင္ဗ်ားက်ေနာ္ဝက္ဆုိဒ္မွာ HOME တခုတဲျဖစ္ေနလုိ႕ပါ..ေျပာျပပါလားဗ်..နည္းပညာ ဘေလာ႕ စာမ်က္နွာ သီခ်င္း ဒီလုိေလးလုပ္ခ်င္တာ.


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


<style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #555; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #fff; background-color: #FE9C54; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="မိမိဘေလာ့လိပ္စာ"><span>မူလစာမ်က္ႏွာ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ဘာသာေရး</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>နည္းပညာ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ဗဟုသုတ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ကဗ်ာ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ဟာသ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ေဆာ့၀ဲလ္</span></a></li>
<li><a  href="မိမိဘေလာ့လိပ္စာ"><span>ဆက္သြယ္ရန္</span></a></li>  
  
<li></li></ul></div>

မိမိဘေလာ့လိပ္စာေနရာမွာ မိတ္ေဆြတို႕ ဘေလာ့ URL ထည့္ေပးလိုက္ပါ။
ေနာက္က ေခါင္းစဥ္ေတြေတာ့ စိတ္ၾကိဳက္ ေရးနိဳင္ပါတယ္.....
မိမိတို႕ ဘေလာ့ ထိပ္ဆုံး မွာ ထားေပးလိုက္ပါ ေခါင္းစဥ္ေတြ ျမင္ေတြ႕ေနရပါျပီေနာ္....


လင့္ခ်ိတ္နည္းးး အေသးစိတ္။         ။ 

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


အဆင့္ (၁)  ။               ။  ေခါင္းစဥ္ ဇယားေလးနဲ႕  ဘေလာ့ ႏွစ္ခု ယွဥ္ဖြင့္မယ္။
အဆင့္ (၂)  ။               ။  ဘေလာ့ေပၚက ေခါင္းစဥ္ေတြကို တစ္ခုခ်င္းစီ ခ်ိတ္ၾကမယ္..။
အဆင့္ (၃)  ။               ။  ေခါင္းစဥ္ေပၚ ေမာက္တင္ ညာကလစ္ ေပးပါ။
အဆင့္ (၄)  ။               ။  အဲထဲက copy link location ကိုကလစ္ျပီးေကာ္ပီယူလုိက္ပါ။
                                     (ကလစ္တာနဲ႕ ေကာ္ပီျပီးသားပါ)
အဆင့္ (၅)  ။               ။  ဘယ္ဘက္က ေခါင္းစဥ္ဇယား ထဲက မိမိဘေလာ့ခ်ပ္စာ ဆိုတဲ့ေနရာမွာ
                                    အထက္က ေကာ္ပီယူလာတာကို  Psat  ခ်ေပးလိုက္ပါ။
အဆင့္ (၆)  ။               ။ ေခါင္းစဥ္တစ္ခု လင့္ခ်ိတ္ျခင္းေအာင္ျမင္ပါျပီ။

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

သိထားဖို႕ကေတာ့ သည္နည္းလမ္းက.. ဘေလာ့ရဲ႕ Layout..Java/Script ကေနထည့္တဲ့ ေခါင္းစဥ္ေတြအတြက္...ထည့္နည္း ခ်ိတ္နည္းပါ.... ဘေလာ့တက္ပလက္က ေအာ္တိုပါလာေသာ
ေခါင္းစဥ္ ေတြအတြက္   လင့္ခ်ိတ္နည္းကို     သည္ေနရာေလးမွာ   ဆက္လက္ေလ့လာလိုက္ပါ။

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

14 comments:

Nyi Ko said...

က်ေနာ္အရမ္းေက်းဇူးတင္ေနပါတယ္ဗ်.
ေက်းဇူးလဲတင္ပါတယ္.က်ေနာ္လဲတတ္သေလာက္ေဆာဝဲေလးေတြ
မ်ွေဝေနပါတယ္..ဟဲဟဲေက်းဇူးပါဆရာျကီးေရ.

Mg Tatpa said...

Thank you very much..

naywinhan said...

အကိုရယ္အားေတာ့နာပါတယ္ေျပာခဲ့ၾကည့္မယ္ေနာ္.........ဗြိဒိယို.......ေလနဲ႔တင္ေပးလိုက္ပါလားဗ်ာ..............ဟိဟိဟိ စတာေနာ္

Htar Htar Lwin said...

menu ကို post ေတြန႕ link နဲ႕ခ်ိတ္တဲ့အခါ post တင္ထားတဲ့ date အလုိက္သာေတြ႕ရပါတယ္။ ေလဘယ္အလုိက္ေတြ႕ေအာင္ဘယ္လုိလုပ္ရမလဲ။ ေလဘယ္ေတြလဲေပးထားပါတယ္။

Htar Htar Lwin said...

ညာဘက္ကပံုမ်ိဳးမရဘူး။ ညာဘက္ပံုက ေလဘယ္တူတာေတြစုထားတဲ့ပံုဘဲ။ က်မဆီမွာေတာ့ ပို႕စ္တင္ခဲ့တဲ့ date အလိုက္သာေပၚတယ္။ ေလဘယ္တူတာေတြစုမိေအာင္ဘယ္လိုလုပ္ရတယ္ဆိုတာေျပာျပေပးပါဦး။

ေအာင္ေအာင္(မကစ) said...

ထားထားလြင္ေရ တင္ထားတဲ့အလုိက္ ရေအာင္ ေဘလာ့ကာ၀င္ layout သြားလုိက္ပါ..အဲမွာ add a gadget ကိုကလစ္ပါ.. က်လာတဲ့ဇယားေလးထဲမွာဘဲ ေအာက္နားမွာ ဆြဲခ်လိုက္ပါ labels ဆိုတာရွိတယ္ ႊဲတာကလစ္လိုက္ ျပီးေတာ့ save လိုက္ပါ.. အိုေက

ဆက္စီး ကုိကုိ said...

အရမ္းမုိက္တယ္..

Tab sae-dan said...

ေက်းဇူးပါဆရာျကီးေရ. ကူးယူသြာျပီး

⎝⏠⏝⏠⎠★အလြမ္းသခင္★⎝⏠⏝⏠⎠ said...

ကၽြန္ေတာ္ပိုစ္႕ေတြတင္တိုင္းမူလစာမ်က္နွာမွာ
ေပၚေပၚေနပါတယ္ ကၽြန္ေတာ္ကေတာ့က ပိုစ္႕ေတြ႕
မူလစာမ်က္နွာမွာမေပၚေစခ်င္ဘူးေဘးနားေလးက
ပုိ႕စ္ ေဆာင္စဥ္ေလးေပၚေစၿပီး သူ႕လင္နဲ႕သူျဖစ္ေစခ်င္ပါတယ္ အဲလို႕မျဖစ္လို႕
ကၽြန္ေတာ္ေတာ္ေတာ္ေလးေကာင္းစားေနၿပီ
ကၽြန္ေတာ္ျဖစ္ေစခ်င္တာေတာ့ ေခါင္းစဥ္ေတြကို
ကလစ္လိုက္တာနဲ႕ သူဟာနဲ႕သူေပၚလာသလိုမ်ိဳး ျဖစ္ေစခ်င္တာပါ ကူညီပါအံု႕ ကၽြန္ေတာ္က ဘေလာ့သာလုပ္ထားတာ သိပ္နားမလည္း နည္းပညာ ဘေလာ့ေတြကို၀င္ဖတ္ၿပီး လုပ္ၾကည့္ရုံေလာက္ပါပဲ
ကၽြန္ေတာ္ဘေလာ့ပါ www.alwanyinpyin.blogspot.com

angel zaw said...

ေက်းဇူးပါအကိုေရ..........

kyawkyawmon said...

အရမ္းလန္းတယ္ ကူးယူသြားပီး ေက်ဇူးတင္ပါတယ္

နည္းပညာ အပိုင္းအစမ်ား said...

အစ္ကိုေရကူညီပါ အုန္း က်ြန္ေတာ္အစ္ကုိတက္ပလိပ္ကိုသံုးထားတယ္
အစ္ကို ေရက်ြန္ေတာ့္ဘေလာ့ ရဲ ့ဘေလာ့header မွာ
အစ္ကိုလုပ္ထားသလို ဘေလာ့ခရီးသည္ နည္းပညာမ်ားမ်ွေ၀ခ်င္း desingn by ygnblogger အဲ လို လုပ္ခ်င္လို ့ပါ ေက်း ဇူးျပဳျပိးတင္ေပးပါ

နည္းပညာ အပိုင္းအစမ်ား said...

အစ္ကိုေရ ဘေလာ့header မွာ အစ္ကို လို ဘေလာ့ခရီးသည္ နည္ပညာမ်ား မ်ွေ၀ခ်င္း design by ygn blogger လို ့ပံုေလးနဲ ့လုပ္ပံုေလးတင္ေပးေစလုိ ့ပါ တယ္ က်ြန္ေတာ့္ ကုိ ကူညီမယ္ဆိုရင္ kyawmintun0123@gmail.comကို invet လုပ္ေပးေစလုိ ပါ တယ္
ေလးစားလ်က္

နည္းပညာအပိုင္းအစမ်ား

Kyaw Thiha said...

Cbox ေနရာမွာ ဘာမွမထည့္လဲရလားအစ္ကို

Post a Comment