Icon Menu For Blog

အခုကြ်န္ေတာ္႕blogမွာၿမင္ေနရတဲ႕သီခ်င္းေတြကိုေဒါင္းေလာ႕လင္႕ေတြေပးထားတဲ႕အခါသံုးထားတဲ႕menu အေၾကာင္းကိုေရး
ပါမယ္ခင္ဗ်ာဒီလိုမ်ိဳးIcon Menu ကိုလုပ္ေတာ႕မယ္ဆုိရင္ေတာ႕ေအာက္ကcodeေတြကိုကူးယူလိုက္ပါ္ိ
တစ္ခုေတာ႕ေၿပာရပါမယ္..HTMLကိုနားလည္မွရပါမယ္linkေတြၿပန္ညြႊန္းဖုိ႕အတြက္ပါ

<style type="text/css">
<!--
/* CSS Tabs */
#navcontainer {
background: #000000;
width: 100%;
margin: 0 auto;
padding: 1em 0;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
}

ul#navlist {
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 90%;
}

ul#navlist li {
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a {
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color:green ;
border-style: solid;
color: #FFFAFA;
text-decoration: none;
background: blue;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
background: red;
color: yellow;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
color: red;
background: transparent;
border-color:#FF00FF ;
}
-->
</style>



<h4>ေခါင္းစဥ္&alt;/h4>

<div id="navcontainer">
<ul id="navlist">
<!- CSS Tabs -->

<li><a href="http://www.flashband.net/flash_videos/music_video.php" target="YangonCity">FLASHBAND</a></li>

<li><a href="http://www.mcc.com.mm/cityfmRadio.html" target="YangonCity">CITY FM</a></li>

</ul>
</div>


</!doctype>
</div></span>

ကူးၿပီးေတာ႕ layout မွ page element တြင္ Add a Gadgetကိုနိပ္႕ၿပီးေတာ႕HTML\Javascriptတြင္codeမ်ားကို
ထည္႕လိုက္ရင္အဆင္ေၿပပါၿပီ..အနီနဲ႕ၿပထားေသာေနရာမ်ားကိုကုိယ္စိတ္ၾကိဳက္ၿပင္ဆင္ႏုိင္ပါတယ္......
ူlink ညြႊန္းတဲ႕ေနရာမွာလည္းအားလံုးပဲလုပ္တတ္ၾကမွာပါ...(bloggerေတြပဲဟုတ္ဖူးလား)
အားလံုးလဲသေဘာေပါက္ၾကမွာပါ..HTMLကိုနားမလည္ေသးတဲ႕သူေတြအတြက္ေတာ႕ခက္ခဲမွဳနည္းနည္ရွိပါလိမ္႕မယ္.
.ၾကိဳးစားလိုက္ၾကပါ