{ads}

Css code menu လွလွ​ေလး

Share
​မဂၤလာပါ ​ေအာင္​ဟိန္​း နည္​းပညာမွ ႀကိဳဆိုပါတယ္​....
ကဲမိတ္ေဆြတို႕ သေဘာၾက ႏွစ္သက္မယ္လို႕ ေမွ်ာ္လင့္ရင္း  menu လွလွေလးတခု ေတြ႕တာနဲ႕
ျပန္လည္ မွ်ေ၀လုိက္ပါတယ္ေနာ္.. လုပ္နည္းနဲ႕ ကုဒ္ေတြကို ေအာက္မွာ ေသျခာ ေလ့လာ လိုက္ပါ..

►1-  Blogger Singin ၀င္လိုက္ပါ။

►2-  Dashboard  ကိုသြားလိုက္ပါ။

►3-  Template    ကိုကလစ္ပါ..။

►4-  Edit  Html   ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။

►5-  Expand  Widget  Template  ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။

►6-  Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

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




save template လုပ္ေပးလိုက္ပါေနာ္... ေနာက္တဆင့္ ထပ္လုပ္လိုက္ပါ... ေအာက္မွာ
   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို

   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့

   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ

   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ

   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

မွတ္ခ်က္  ။    ။ ပုံစံ ႏွစ္မ်ိဳး ေပးးထားပါတယ္ ၾကိဳက္တဲ့ ပုံစံရဲ႕ ကုဒ္ကို သုံးလိုက္ပါ။

 ဒါေလးေကတာ့   Light menu  အတြက္ ကုဒ္ေလးေတြ နဲ႕ ပုံစံပါ ..



<ul class="cbdb-menu">

<li><a href="#" class="red">Home</a> </li>
<li><a href="#" class="green">Download</a></li>
<li><a href="#" class="yellow">Design</a></li>
<li><a href="#" class="cyan">About Us</a> </li>
<li><a href="http://www.bloggertrix.com/" class="blue">Contact Us</a></li>

</ul>
ဒါေလးကေတာ့  Dark menu  စတိုင္ေလးနဲ႕  ကုဒ္ေတြပါ ...



<ul class="cbdb-menu">
<li><a href="#" class="red dark">Home</a> </li>
<li><a href="#" class="green dark">Download</a></li>
<li><a href="#" class="yellow dark">Design</a></li>
<li><a href="#" class="cyan dark">About Us</a> </li>
<li><a href="http://www.bloggertrix.com/" class="blue dark">Contact US</a></li>
</li>
</ul>
မိမိတို႕ စိတ္ၾကိဳက္ ပုံစံကို ထည့္ျုပီးတာနဲ႕  save ေပးနိဳင္ပါျပီ


စာဖက္သူမ်ားနားမလည္တာရိွရင္ ကြန္မန္းမွာစာခ်န္းေပးခဲ့ပါ  တစ္ေန႔ေန႔တစ္ခ်ိန္ခ်ိန္ ကြ်န္ေတာ္လူ႔ေလာကၾကီးထဲက နွုတ္ဆက္ထြက္ခြာသြားခဲ့တဲ့အခါ ကြ်န္ေတာ္တို႔ရဲ႕ပညာေလးေတြဟာ အျမဲက်န္ရိွေနေစခ်င္ေသာစိတ္ျဖင့္ နည္းပညာေလးေတြမွ်ေ၀ေပးရင္း အားလံုးပဲ စိတ္ဆင္းရဲျခင္းကင္းေ၀းၾကပါေစဗ်ာ။  ေအာင္ဟိန္း (အေျခခံနည္းပညာ)
Download Now