Sunday, 28 October 2012

ေခါင္းစဥ္ 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://aungsanmks.blogspot.com">မူလစာမ်က္ႏွာ</a></li>
<li><a href="http://aungsanmks.blogspot.com">ကဗ်ာ</a></li>
<li><a href="http://aungsanmks.blogspot.com">ေဆာင္းပါး</a></li>
<li><a href="http://aungsanmks.blogspot.com">ဗဟုသုတ</a></li>
<li><a href="http://aungsanmks.blogspot.com">သီခ်င္း</a></li>
<li><a href="http://aungsanmks.blogspot.com">ေဆာ့၀ဲလ္</a></li>
<li><a href="http://aungsanmks.blogspot.com">ဘေလာ့ပညာ</a></li>
<li><a href="http://aungsanmks.blogspot.com">contact us</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/AVvXsEjEgniZiauFlbEQ2QcDfzAYQhDBf9wv75QMPqwExuUp6taLGPoKDcjDQ5mR1KaCaV68gDC3quVeDnhwaZThYOt9gzuCvCWZufohcYRyDUZ4UUt811UgUNnCVhvU7SJ8TgGJ37key8fzEjk/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/AVvXsEg5voxF_zHtKMp6VLsgrVzGitCH_Mz1Ee2ofjxMGBZCtfHIOmwS7kts8k7wDhtiiKROrGLppIu0pqGbGUWVGrLs5cdFC_1sID9vgH46hQAHXAyLpMY26FHqAurTVec0xbMeN_CTSVgCoYE/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/AVvXsEgUhK6mfXb3l1ORVzOcUSThTMrWzQsRdXDStXPWfNo67SaaRFAin9l2Q80ZEyQDoP8ZqPNh984CGkHcjbq63oNXSTOwi2KLpyNE9Fuxk9d6uwaqjMD7-MeCMOkSIExIQSQb5J0vhA3tAiA/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/AVvXsEgUhK6mfXb3l1ORVzOcUSThTMrWzQsRdXDStXPWfNo67SaaRFAin9l2Q80ZEyQDoP8ZqPNh984CGkHcjbq63oNXSTOwi2KLpyNE9Fuxk9d6uwaqjMD7-MeCMOkSIExIQSQb5J0vhA3tAiA/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/AVvXsEgUhK6mfXb3l1ORVzOcUSThTMrWzQsRdXDStXPWfNo67SaaRFAin9l2Q80ZEyQDoP8ZqPNh984CGkHcjbq63oNXSTOwi2KLpyNE9Fuxk9d6uwaqjMD7-MeCMOkSIExIQSQb5J0vhA3tAiA/s1600/menu_026_h.gif) no-repeat left center;
color:#fff;
text-decoration:none;
}
</style>

မွတ္ခ်က္  ။                ။http://aungsanmks.blogspot.com   ေနရာမွာ သင့္ဘေလာ့ လိပ္စာအစားထိုးပါ။ ေခါင္းစဥ္ေတြကို လိုအပ္သလို ေကာ္ပီယူ ပြါးနိဳင္ပါတယ္...
 ကဗ်ာ-ေဆာင္းပါး-ဗဟုသုတ  အသရွိတဲ့    ေနရာမွာ သင္ထည့္လိုရာေရးပါ
လွပေသသပ္တဲ့ menu ေလးပိုင္ဆိုင္ပါျပီ။

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

www.aungsanmks.blogspot.com 
www.ledimyethar.com 
တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

3 comments:

  • Htar Htar Lwin says:
    20 December 2012 at 10:39

    Page Element ဆိုတာကိုမေတြ႕ပါဘူး ပံုနဲ႕ျပေပးပါ

  • ေအာင္ေအာင္(မကစ) says:
    23 December 2012 at 07:26

    page element ေတြ႕ဖို႕ မလိုပါဘူးးး html/javascript ေဘာက္က္က်လာတာနဲ႕ ေပးးထားတဲ့ ကုဒ္ေတြ ထည့္ေပးလိုက္ပါ... အဲတာေလးးကို အေပၚနားမွာ ထားလိုက္ပါ ေခါင္းစဥ္ေနရာေပါ့ေနာ္ မရွင္းးလင္းပါက aungsan96 ကိုအပ္လုျိက္ပါ

  • ဗမာၿပည္သား says:
    25 April 2013 at 14:55

    အစ္ကိုနာရီပံုပါမလာဘူး

Post a Comment