dropdown menu လွလွေလး ထည့္ၾကရေအာင္

ဒီဟာတစ္ခုကေတာ့ dropdown menu ဆိုတဲ့ ေခါင္းစဥ္ လွလွနဲ႔
နည္းလမ္းေလးတစ္ခုပါဘဲ။ သူငယ္ခ်င္းတို႔အားလံုးလည္း
 အဆင္ေျပေျပနဲ႔အသံုးျပဳႏိုင္ၾကလိမ့္မယ္လို႔ေမွ်ာ္လင့္ပါတယ္

Read More

ေခါင္းစဥ္MENUလွလွေလးလုပ္လိုပါက

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

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

<center><div id="menu">
<ul>
<li><a class="current" href="http://khunpaohlay.blogspot.com">မူလစာမ်က္ႏွာ</a></li>
<li><a href="http://khunpaohlay.blogspot.com">ကဗ်ာ</a></li>
<li><a href="http://khunpaohlay.blogspot.com">ပအို္ဝ္း</a></li>
<li><a href="http://khunpaohlay.blogspot.com">ဟာသ</a></li>
<li><a href="http://khunpaohlay.blogspot.com">သီခ်င္း</a></li>
<li><a href="http://khunpaohlay.blogspot.com">ေဆာ့ဝဲ</a></li>
<li><a href="http://khunpaohlay.blogspot.com">ဘေလာ့</a></li>
<li><a href="http://khunpaohlay.blogspot.com">စာအုပ္</a></li>
</ul>
</div></center>
<style>
/* --------------------------
AUTHOR : STYLED MENUS
URL : http://www.styledmenus.com
Copyrights by STYLED MENUS
Widget From http://bloggerstop.Net
----------------------------*/
*{
margin:0;
padding:0;
}
#menu{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLcQW7ONJq2JqWgoTXidHcYfszGEHxPRqhrAUtEj8u5gTMjUiTOXLCncZPZaKN0bhMaqDoGwg2ZLjz441RJRKWSLa2vRHg0v0yOzb1bZNg23eWltTwKZUmIsKq2_DWKPTRc1RffkcpjYs/s1600/menu_026_bg.jpg) no-repeat;
width:172px;
height:191px;
padding:15px;
}
#menu ul{
list-style:none;
padding:0 0 0 8px;
}
#menu li{
list-style:none;
display:block;
padding:10px 0;
}
#menu li a{
list-style:none;
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNSCV4ABAPcF9HSPRWRCs6sZFsoAVkAXrVJZQA-dMjWaiYj8XmpbXDt7B7-P-hJj6X0vfs08p4rS7lGJ02tWu0rnL7J43Eb-vOEcUtzUHHlqlyLLGT_-kTduwnam85vQoEE9gDZvnxsd0/s1600/menu_026_b.gif) no-repeat left center;
color:#ffe991;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
line-height:1.2em;
text-decoration:none;
padding:0 5px 0 25px;
}
#menu li a:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNAEclXF11mcpJectn5T15tgj48Kg0HchJ9_sl8QLptyTNIUkkNBiakxbE-4bUb1DfvAT440H8tcrEEtLT2JbYtJaf9UL8oSNnXj3BNQZxv3HRfCn_Cxc6uHDz2Ovu64MkLWyLaWCu-OI/s1600/menu_026_h.gif) no-repeat left center;
color:#fff;
text-decoration:none;
}
#menu li .current{
list-style:none;
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNAEclXF11mcpJectn5T15tgj48Kg0HchJ9_sl8QLptyTNIUkkNBiakxbE-4bUb1DfvAT440H8tcrEEtLT2JbYtJaf9UL8oSNnXj3BNQZxv3HRfCn_Cxc6uHDz2Ovu64MkLWyLaWCu-OI/s1600/menu_026_h.gif) no-repeat left center;
color:#fff;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
text-decoration:none;
padding:0 5px 0 25px;
}
#menu li a.current, #menu li a:hover.current{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNAEclXF11mcpJectn5T15tgj48Kg0HchJ9_sl8QLptyTNIUkkNBiakxbE-4bUb1DfvAT440H8tcrEEtLT2JbYtJaf9UL8oSNnXj3BNQZxv3HRfCn_Cxc6uHDz2Ovu64MkLWyLaWCu-OI/s1600/menu_026_h.gif) no-repeat left center;
color:#fff;
text-decoration:none;
}
</style>

မွတ္ခ်က္။ ။ http://khunpaohlay.blogspot.comေနရာတြင္မိမိ၏လိပ္စာဘေလာ့ကိုထည့္ပါ။ေခါင္းစဥ္ေတြ
ကိုမိမိၾကိဳက္သေလာက္ပြားယဴႏိုင္ပါတယ္။လွပတဲ့menuေလးကိုသင္ပိုင္ဆိုင္ရရွိေနပါလိမ့္မယ္။
သူငယ္ခ်င္းမ်ားအားလံုးအဆင္ေျပလိမ့္မယ္လို႔ေမွ်ာ္လင့္ရင္းမြိဳးပိုေမာင္;

Read More