သင့္ရဲ႕ ဘေလာခ့္ Side Bar မွာ Coustomized Side Menu ထည့္ခ်င္တယ္ဆိုရင္ေတာ့ ေအာက္က Code ေတြကို ကူးယူၿပီး သင့္ဘေလာ့ခ္ရဲ႕ Side Bar မွာ သြင္းလိုက္ယံုပါပဲ...။ သြင္းခ်င္တယ္ဆိုရေတာ့ အရင္ ဆံုး Log -In ၀င္လိုက္ပါ ၿပီးရင္ ....။ Layout-->Add Page Element-->HTML/Javascript ကိုေရြးၿပီး ေအာက္က Code ေတြ ကို ကူးထည့္ၿပီး Save မွတ္လိုက္ရင္ ေပၚလာပါလိမ့္မယ္...။ ခရမ္းေရာင္ ကာလာနဲ႕ဟာကေတာ့ သင္ေျပာင္းခ်င္ သလို ေျပာင္းလဲ အသံုးျပဳနိုင္ပါတယ္...။ အဆင္ေျပမယ္လို႕ ေမွ်ာ္လင့္မိပါတယ္...။
<center><div id="menu">
<ul>
<li><a class="current" href="http://www.moeeaintphyu.net">home</a></li>
<li><a href="http://www.nweyoe.net">Nweyoe</a></li>
<li><a href="http://www.zaung.net">Zaung</a></li>
<li><a href="http://www.moetaukkyae.blogspot.com/">moetaukkyae</a></li>
<li><a href="http://www.moeeaintphyu.net">contact us</a></li>
</ul>
</div></center>
<style>
/* --------------------------
AUTHOR : STYLED MENUS
URL : http://www.styledmenus.com
Copyrights by STYLED MENUS
Widget From http://moeeaintphyu.net
----------------------------*/
*{
margin:0;
padding:0;
}
#menu{
background:url(http://i361.photobucket.com/albums/oo59/valantino-rudy/moeeaintphyunet.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(http://i361.photobucket.com/albums/oo59/valantino-rudy/moeeaintphyunet1.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(http://i361.photobucket.com/albums/oo59/valantino-rudy/moeeaintphyunet2.gif) no-repeat left center;
color:#fff;
text-decoration:none;
}
#menu li .current{
list-style:none;
display:block;
background:url(http://i361.photobucket.com/albums/oo59/valantino-rudy/moeeaintphyunet2.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(http://i361.photobucket.com/albums/oo59/valantino-rudy/moeeaintphyunet2.gif) no-repeat left center;
color:#fff;
text-decoration:none;
}
</style>
