Adding A Horizontal Menu To Blogger Blogs

 blogger->Design -> edit HTML ထဲမွာ

 <style type="text/css"> နဲ့ </style> တို႔ရဲ႕ ၾကားမွာ ေအာက္ပါကုဒ္ကုိ ကူးထည့္ပါ။  

.underlinemenu{
font-weight: bold;
width: 100%;
}
.underlinemenu ul{
padding: 6px 0 7px 0;

margin: 0;
text-align: right;

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px;
margin-right: 20px; 
text-decoration: none;
border-bottom: 3px solid gray;
}

သင့္ Page element ရဲ႕ header ေနရာမွာ HTML/JavaScript gadget တစ္ခုယူၿပီးေတာ့ ေအာက္က ကုဒ္ေတြကို လို သလို ျပဳျပင္ၿပီး save ပါ။

<div class="underlinemenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="# ">Webmaster Tools</a></li>
<li><a href="# ">JavaScript</a></li>
<li><a href="# ">Gallery</a></li>
</ul>
</div>

CSS အေၾကာင္း နားလည္ တယ္ဆိုရင္ စိတ္ႀကိဳက္ ျပဳျပင္လုိ႔ ရပါတယ္။ အေရာင္ ၊ အက်ယ္အဝန္း  စသည္ျဖင့္ေပါ့ဗ်ာ။

အဲဒါဆိုရင္ ၿပီးသြားပါၿပီ။