Sunday, 31 May 2015

Dropdown Menu လွလွေလးဖန္တီးၾကမယ္





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

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


                   ]]></b:skin>    ကုဒ္ကိုရွာလုိက္ပါ ေတြ႕တာနဲ႕ သူ႕အေပၚမွာ သူမတုိင္မွီေပါ့
ေအာက္ကေပးထားတဲ့ကုဒ္ေတြကို ထည့္ေပးလုိက္ပါေနာ္....မေတြ႕ပါက  b:skin  ကိုသာရွာလိုက္ပါ ေတြ႕တာနဲ႕ သူ႕ေရွ႕က မွ်ားနက္ေလးကိုကလစ္ ျဖည္လုိက္ပါ ေနာက္ အန္းတား ေခါက္ပါ လိုျခင္ေသာကုဒ္ ေတြ႕ပါျပီ




ေနာက္  save template လုပ္နိဳင္ပါတယ္...
ျပီးတာနဲ႕ ေနာက္တဆင့္ ထပ္လုပ္ဖို႕ က်န္ပါေသးးတယ္  ေအာက္မွာ ဆက္ေလ့လာပါေနာ္

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

<ul id="flyingmenubt">
    <li><a href="http://www.bloggertrix.com/">Home</a></li>
    <li><a class="hsubs" href="#">Menu 1</a>
        <ul class="subs">
            <li><a href="#">Submenu 1</a></li>
            <li><a href="#">Submenu 2</a></li>
            <li><a href="#">Submenu 3</a></li>
            <li><a href="#">Submenu 4</a></li>
            <li><a href="#">Submenu 5</a></li>
        </ul>
    </li>
    <li><a class="hsubs" href="http://www.bloggertrix.com/">Menu 2</a>
        <ul class="subs">
            <li><a href="#">Submenu 2-1</a></li>
            <li><a href="#">Submenu 2-2</a></li>
            <li><a href="#">Submenu 2-3</a></li>
            <li><a href="#">Submenu 2-4</a></li>
            <li><a href="#">Submenu 2-5</a></li>
            <li><a href="#">Submenu 2-6</a></li>
            <li><a href="#">Submenu 2-7</a></li>
            <li><a href="#">Submenu 2-8</a></li>
        </ul>
    </li>
    <li><a class="hsubs" href="#">Menu 3</a>
        <ul class="subs">
            <li><a href="#">Submenu 3-1</a></li>
            <li><a href="#">Submenu 3-2</a></li>
            <li><a href="#">Submenu 3-3</a></li>
            <li><a href="#">Submenu 3-4</a></li>
            <li><a href="#">Submenu 3-5</a></li>
        </ul>
    </li>
    <li><a href="#">Menu 4</a></li>
    <li><a href="#">Menu 5</a></li>
    <li><a href="#">Menu 6</a></li>
    <li><a href="http://www.bloggertrix.com/">Back</a></li>
</ul>

   ကဲဒါဆို အဆင္ျပသေလာက္ပါျပီေနာ္... လုိအပ္သေလာက္ ေခါင္းစဥ္ေတြကိုလဲ ပြါးနိဳင္ပါတယ္..

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

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

[IMG]
[IMG]
ၾကိဳက္ပါသလား+

0 comments:

Post a Comment