deop drown menu

အယ္... ဒီေန႕ပထမဦးဆံုးအေန႕နဲ႕ကၽြန္ေတာ္ဆိုဒ္႕ေလးမွာဒီပို႕ေလးနဲ႕မိတ္ဆက္ေပးခ်င္ပါတယ္....ကၽြန္ေတာ္ဒီပို႕ေလးကိုတင္ရတဲ႕ဟာလည္းမသိေသးတဲ႕သူငယ္ခ်ငး္ေတြအတြက္ပါသိတဲ႕ဆရာၾကီးမ်ားကလည္းလိုအပ္တာေလးမ်ားရွိခဲ႕ရင္ကူညီၿပီးေၿပာဆိုေစလိုပါတယ္... ကၽြန္ေတာ္ဒီ drop drown menu ရဖို႕အတြက္အခ်ိန္ေတာ္ေတာ္
ေလးေပးခဲ႕ရပါတယ္... ဒီ drop drown menu ကို google ကေနရွာၿပီးေတာ႕ကၽြန္ေတာ္စိတ္ၾကိဳက္ေလးၿဖစ္ေအာင္
edit ၿပန္လုပ္ထားတာပါ သငယ္ခ်ငး္မ်ားယူသံုးခ်င္တယ္ဆိုရင္ေတာ႕ေအာက္မွာ ကုဒ္ေလးေတြနဲ႕အတူ ဥပမာ ေလးၿပထားပါတယ္...တကယ္လို႕မ်ားယူသံုးရတာ မရဘူးဆိုရင္ ကၽြန္ေတာ႕ကို cbox မွာေၿပာၾကားေစလိုပါတယ္...

ဥပမာ....

• 
  
• သင္ၾကိဳက္ရာေၿပာင္ပါ
  
  • 
    ေမာင္ေမာင္ေထြးၿငိမ္း
    
  • Most Recent
  • Most Commented
  • Top Rated
  • All Blogger Hacks
• သင္ၾကိဳက္ရာေၿပာင္း
  
  • 
    ေရႊအိုး
    
  • Most Recent
  • Most Commented
  • Top Rated
  • All Blogger Hacks

ပထမဦးဆံုးအေနနဲ႕ Layout ကိုအလစ္လိုက္ပါ ၿပီရင္ edit HTML ကိုကလစ္လိုက္ပါ ေနာက္ၿပီးေပးထားတဲ႕ ကိုရွာပါ ေတြခဲ႕ၿပီဆိုရင္ ေအာက္ကကုဒ္႕ေလးေတြကိုအေပၚကေန ကပ္လွ်က္ထည္ကေပးလိုက္ပါ...

#NavbarMenu {background: #72a8d2;width: 100%;height: 25px;font-size: 12px;font-family: Arial, Tahoma, Verdana;color: #FFF;font-weight: bold;padding: 0;vertical-align:middle;margin-bottom:5px;} #nav {margin: 0;padding: 0;vertical-align:middle;} #nav ul {float: left;list-style: none;margin: 0;padding: 0;} #nav li {list-style: none;margin: 0;padding: 0;} .current_page_item {background:#dee5e5;color:#2299ff;border-bottom:1px solid #dee5e5;} #nav li a, #nav li a:link, #nav li a:visited {color: #FFF;display: block;font-size: 15px; font-family: Georgia, Times New Roman;font-weight: normal;text-transform: none;margin: 0; padding: 3px 15px 3px;text-decoration: none; } #nav li a:hover {background: #dee5e5;color: #2299ff;margin: 0;padding: auto 15px auto; text-decoration: none;vertical-align:middle;border-bottom:1px solid #dee5e5;} #nav li a:active {background: #dee5e5; color: #2299ff;margin: 0;padding:auto 15px auto; text-decoration: none;border-bottom:1px solid #dee5e5;} #nav li a:hover {background: #dee5e5;color: #2299ff;margin: 0;padding: auto 15px auto; text-decoration: none;vertical-align:middle;border-bottom:1px solid #dee5e5;} #nav li a:hover {background: #dee5e5;color: #2299ff;margin: 0;padding: auto 15px auto; text-decoration: none;vertical-align:middle;border-bottom:1px solid #dee5e5;} #nav li a:active {background: #dee5e5; color: #2299ff;margin: 0;padding:auto 15px auto; text-decoration: none;border-bottom:1px solid #dee5e5;} #nav li a:active {background: #dee5e5; color: #2299ff;margin: 0;padding:auto 15px auto; text-decoration: none;border-bottom:1px solid #dee5e5;} #nav li li a, #nav li li a:link, #nav li li a:visited {background:#555; width: 150px; color: #FFF; font-size: 14px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF;} #nav li li a:hover, #nav li li a:active {background: #777; color: #FFF; padding: 7px 10px; } #nav li {float: left; padding: 0;} #nav li ul {z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0;padding: 0;} #nav li ul a {width: 140px;} #nav li ul ul { margin: -32px 0 0 171px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} #nav li:hover, #nav li.sfhover {position: static;}

ကုဒ္ေလးေတြထည္႕ၿပီသြားရင္ save template ကိုကလစ္ေပးလိုက္ရင္ၿပီးသြားပါၿပီ ေနာက္တစ္ဆင္႕ကေတာ႕ page Elements ကိုကလစ္လိုက္ပါ ၿပီရင္ add a Gadget ကိုသြားၿပီ ကလစ္လိုက္ပါ ေနာက္ၿပီ HTML/javascript ကိုေရြးၿပီေတာ႕ ေအာက္ကကုဒ္ေလးေတြကို သြားထည္႕ေပးလိုက္ပါ

<div id='navbarmenu'><ul id='nav'><li><br /><a href='#'>ေခါင္းစဥ္</a><br /><ul><li><br /><a href='http://www.mgmghtwenyein.blogspot.com'>ေမာင္ေမာင္ေထြးၿငိမ္း</a><br /><ul></ul></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li></ul></li><li><a href='#'>ေခါင္းစဥ္</a><br /><ul><li><br /><a href='့#'>သင္ၾကိဳက္ရာေၿပာင္း</a><br /><ul></ul></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'> သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li></ul></li><li><a href='#'>ေခါင္းစဥ္</a><br /><ul><li><br /><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a><br /><ul></ul></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li></ul></li><li><a href='#'>ေခါင္းစဥ္</a><br /><ul><li><br /><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a><br /><ul></ul></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li></ul></li><li><a href='#'>ေခါင္းစဥ္</a><br /><ul><li><br /><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a><br /><ul></ul></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li></ul></li><li><a href='#'>ေခါင္းစဥ္</a><br /><ul><li><br /><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a><br /><ul></ul></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li><li><a href='#'>သင္ၾကိဳက္ရာေၿပာင္း</a></li></ul></li></ul></div>

ကုဒ္ေလးေတြထည္႕လိုက္ၿပီရင္ေတာ႕ၿပီသြားပါၿပီ တစ္ခုေတာ႕ရွိတယ္ # ေနရာမွာhttp://www.mgmghtwenyein.blogspot.com အစားထိုးၿပထားပါတယ္ သူငယ္ခ်ငး္တို႕ၾကိဳက္တဲ႕ URL ေလးေတြထည္႕လို႕ရပါတယ္ သင္ၾကိဳက္ရာေၿပာင္းေနရာမွာေတာ႕ သူငယ္ခ်ငး္တို႕ URL နဲ႕လိုက္မယ္႕နာမည္ေလးေတြေရးထည္႕ေပးလိုက္ပါ ဒါဆိုရင္ အားလံုးၿပီပါၿပီ သူငယ္ခ်ငး္မ်ားကိုခ်စ္ခင္ေလးစားလွ်က္ပါ.........