Please Download Unicode Standard Myanmar Fonts To View this Blog!

Drop Down Menu မ်ား အလြယ္တစ္ကူဖန္တီးျခင္း

Blogger ရဲ့ Beta ဗားရွင္းမွာ မိမိေဖာ္ျပထားခ်င္တဲ့ Link ေတြ ၊ ၀ဘ္ဆိုဒ္ အညြန္းေတြကို ေဖာ္ျပဖို႔ Link List ဆိုတဲ့ Page Element တစ္ခုကို မိမိရဲ့ဆိုဒ္ဘားမွာ အလြယ္သံုးလို႔ရေအာင္ဖန္တီးေပးထားတာရွိပါတယ္။ ဒါေပမယ့္ မိမိေဖာ္ျပခ်င္တဲ့ Link ေတြ၊ ၀ဘ္ဆိုဒ္ေတြကအရမ္းမ်ားလြန္းတဲ့ အခါ ဆိုဒ္ဘားေပၚမွာ Link ေတြတစ္သီတစ္တန္းႀကီးနဲ႔ မလိုလားအပ္တဲ့ ရႈပ္ေထြးမႈေတြျဖစ္ေစပါတယ္။ အဲဒီအတြက္ ကိုယ္ေဖာ္ျပခ်င္တဲ့ Link ေတြကို အမ်ိဳးတူရာ အုပ္စုေလးေတြခြဲၿပီး စုစည္းေပးထား၊ ဖတ္ရႈသူက အလိုရွိတဲ့အခ်ိန္ အုပ္စုေခါင္းစဥ္ေပၚကို ကလစ္လုပ္မွ သူ႔မွာပါ၀င္တဲ့ Link List ကထြက္က်လာ(Drop Down Menu ေပါ့ေလ)၊ ဒီလိုဆိုရင္ သိပ္ကိုအဆင္ေျပပါတယ္။ အဲဒီလိုလုပ္ဖို႔အတြက္ နည္းလမ္းေတြက ေတာ့အမ်ိဳးမ်ိဳးပါပဲ။ ဒါေပမယ့္ အခုေဖာ္ျပမယ့္ နည္းေလာက္ေတာ့ ဘယ္နည္းကမွ လြယ္မယ္လို႔ မထင္ပါဘူး။ဘာလို႔လည္းဆိုေတာ့ ကိုယ္လိုခ်င္သေလာက္ Drop Down Menu အမ်ိဳးမ်ိဳးကို ဒီေနရာ မွာမိမိဘေလာ့အတြင္းသို႔ အလြယ္တစ္ကူ ထည့္သြင္းႏိုင္လို႔ပါပဲ။

လုပ္နည္းက သိပ္ကိုလြယ္ပါတယ္။ ထားပါေတာ့။ မိမိရဲ့ဘေလာ့ဂ္မွာ “သူငယ္ခ်င္းမ်ား” ဆိုတဲ့ Drop Down Menu ေလးတစ္ခုဖန္တီးခ်င္ တယ္ဆိုပါစို႔။ ဒီစာမ်က္ႏွာ ကိုအရင္သြားပါ။ ေရာက္တဲ့အခါ Default Text ဆိုတာရဲ့ေဘးက Box မွာ ေခါင္းစဥ္ကို “သူငယ္ခ်င္းမ်ား” လို႔ရိုက္ထည့္ပါ။ ေနာက္တစ္ဆင့္အေနနဲ႔ မိမိရဲ့ သူငယ္ခ်င္း List မွာပါတဲ့ သူငယ္ခ်င္းတစ္ေယာက္ရဲ့ Blog Address ကိုယူပါ။ Option Link ရဲ့ေဘးက Blank Box ထဲမွာထည့္ပါ။ ၿပီးပါက သူ႔ကို နံမည္တစ္ခုေပးပါမယ္။ သူ႔ဘေလာ့ဂ္ရဲ့ နာမည္ျဖစ္ျဖစ္ သူ႔နာမည္ပဲျဖစ္ျဖစ္ ႀကိဳက္သလို ျမန္မာနံမည္ ေပးလို႔ရပါမယ္။ ၿပီးရင္ Add option ကိုကလစ္ပါ။ သူငယ္ခ်င္း ေနာက္တစ္ေယာက္ကို ထပ္ထည့္မယ္ဆိုရင္ Option name နဲ႔ Option Link မွာထပ္ ေျပာင္းပါ။ Add option ထပ္လုပ္ပါ။တစ္ခုခုမွားသြားရင္ Clear Options ကိုကလစ္လုပ္ၿပီး အစကေနျပန္လုပ္ပါ။ အဲဒီအတိုင္း “သူငယ္ခ်င္းမ်ား” ဆိုတဲ့ Drop Down Menu List တစ္ခုၿပီးသြားၿပီဆိုရင္ Look Great!Add this menu to my blog ဆိုတာကို ကလစ္လုပ္လိုက္တာနဲ႔ မိမိရဲ့ ဘေလာ့ဂ္မွာ အထက္ပါ Drop Down Menu ေလးသြားထည့္ၿပီးသား ျဖစ္ေနပါမယ္။ ေနာက္ထပ္ Drop Down Menu ထပ္လုပ္ခ်င္ရင္လား။အေပၚက အတိုင္းပဲေပါ့။ ေခါင္းစဥ္တစ္ခုေပး ၊ လင့္ခ္ တစ္ခုထည့္ ၊ အဲဒီလင့္ခ္ကို နံမယ္တစ္ခုေပး Add လုပ္။ႀကိဳက္သေလာက္ Drop Down Menu ေတြဖန္တီးလို႔ရပါတယ္ခင္ဗ်ာ။ အရမ္းလြယ္ပါတယ္။

ဒါက ကၽြန္ေတာ္ နမူနာဖန္တီးထားတဲ့ စာမ်က္ႏွာပါ။

ေအာ္.. ေနာက္တစ္ခုက်န္တာက ကိုယ့္ဘေလာ့ဂ္ထဲမွာထည့္ၿပီးသား Drop Down Menu တစ္ခုကို အပ္ဒိတ္ လုပ္ဖို႔လိုေကာင္းလိုလာႏိုင္ပါတယ္။ ဥပမာ သူငယ္ခ်င္းအသစ္ေတြတိုးလာတဲ့ အခါသူတို႔ဘေလာ့ဂ္ လိပ္စာေတြကို ထပ္ထည့္ဖို႔ လိုလာတာမ်ိဳးေပါ့။ အဲဒီအခါၾကရင္ ဒီေနရာမွာပဲ ထပ္ၿပီးအစအဆံုးလာလုပ္ဖို႔ မလိုပါဘူး။ မိမိရဲ့ ဘေလာ့ဂ္မွာပဲ Update လုပ္လို႔ရပါတယ္။ Drop Down Menu ေတြဟာ Page Element ေတြအေနနဲ႔၀င္သြားတာျဖစ္တဲ့ အတြက္ Add a page Element ဆိုတာကိုသြားပါ။ အဲဒီမွာ ကိုယ္အပ္ဒိတ္လုပ္ခ်င္တဲ့ Drop Down Menu .( Page Element -> HTML/Java Script) ကိုေရြးခ်ယ္ပါ။ Edit ကိုသြားျပီး ေအာက္ပါပံုအတိုင္းလုပ္ေဆာင္ပါ။

Drop Down Menu မ်ားျဖင့္ သပ္ရပ္စမတ္က် လွပနိဳင္ၾကေစသတည္း။

PS:Kindly Regards to Hackosphere!

Share and Enjoy:
  • Digg
  • StumbleUpon
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • TwitThis
  • Pownce
  • Technorati
  • LinkedIn
  • Print this article!
  • E-mail this story to a friend!

4 Responses to “Drop Down Menu မ်ား အလြယ္တစ္ကူဖန္တီးျခင္း”

  1. ကုိေမွာ္ဆရာေရ က်ေနာ္ေတာ့ အစ္ကုိေျပာတဲ့အတုိင္းလုပ္ၾကည့္တယ္ရပါတယ္။ ေက်းဇူးပါဗ်ာ အေသးစိတ္ေဖာ္ျပေပးတဲ့အတြက္။

  2. ေအာင္ျမင္ပါေစဗ်ာ။ ၾကားရတာ၀မ္းသာမိပါတယ္။

  3. ေက်းဇူးဗ်ာ။ feed ေတြကို လုပ္ခ်င္ေနတာ အေတာ္ပဲ။ ဒါနဲ႔ ဗ် အဲဒီလို drop down က web spider ေတြက အလုပ္လုပ္ႏုိင္ရဲ႕လား ခင္ဗ်။ ကြ်န္ေတာ့္ သူငယ္ခ်င္းေတြ ကြ်န္ေတာ့္ ဘေလာ့ခ္ကို လင့္လုပ္တဲ့အခါ ကြ်န္ေတာ့္မွာ technorati အေကာင့္တက္မလာတတ္လို႔။ google spider ကေတာ့ ေတြ႔ေလာက္မယ္ထင္တယ္ဗ် ေနာ္။

  4. ကိုေတဇာေရ။ ဒီ Drop Down Menu Generator ကေတာ့ အသံုးျပဳတဲ့သူေတြ လြယ္ေအာင္ Script တစ္ခုကို Generate လုပ္ေပးတဲ့သေဘာေလာက္ပါပဲ။ က်န္တာေတာ့ ကၽြန္ေတာ္သံုးၾကည့္သေလာက္ အၿငိအစြန္း မရွိေသးပါဘူး။ Technorati မွာ Authority Counter အေရအတြက္ မတက္တာကေတာ့ ကၽြန္ေတာ္လည္း ေကာင္းေကာင္းမသိေသးဘူးဗ်။ ဘာေၾကာင့္လည္း ဆိုတာကို ေလ့လာေနတုန္းပဲ။ (ဟဲဟဲ..ကၽြန္ေတာ့္ဘေလာ့ဂ္မွာလည္း Technorati Authority အခုထိ ဘဲဥ မကြဲေသးတာကိုသာၾကည့္ဗ်ိဳ႔..စမ္းၿပီး Tag လုပ္ၾကည့္တာလည္း မရဘူး၊ အတည္လုပ္တာလည္း မရေသးဘူးဗ်ိဳ႔။) ..သိတာနဲ႔ ပိုစ္တစ္ခုေရးတင္ေပးလိုက္မယ္ဗ်ိဳ႔။

Leave a Reply

You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <em> <strong>