ဘ​ေလာ့မွာ Multi Colored CSS Menuအလန္​း ထည္​့ခ်င္​သူမ်ား

D​ေအာက္​က အဆင္​့အတိုင္​းပဲ သြားလိုက္​ပါဗ်ာ
လြယ္​ပါတယ္​>>

Step 1: Login to your blogger dashboard and Select your blog.
Step 2: Select Layout option.
Step 3: Click on Add a Gadget option and Select HTML/JavaScript widget from the list.
Step 4: In the HTML/JavaScript box paste following code and save the widget.
Step 5: Preview your blog and enjoy.

Layout က​ေန Add a gadget ​​ေရြး ျပီးမွ HTML/JavaScript ကိုထပ္​​ေရြး အဲbox ထဲမွာ

​ေအာက္​ကကုတ္​​ေတြထည္​့လိုက္​ပါ

<style>
#cbmmenu{width:100%;color:#666;font:12px/18px Tahoma, Arial, Helvetica, sans-serif;}#cbmmenu ul{list-style:none;padding:5px;}#cbmmenu li{list-style:none;display:block;float:left;height:37px;line-height:37px;text-align:center;margin:0 5px;}#cbmmenu li a{display:block;float:left;font-weight:bold;color:#fff;text-decoration:none;padding:5px 35px;text-transform:uppercase;}#cbmmenu li a:hover{text-decoration:none;}#cbmmenu li a.red{background:#c40d0b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd7bMZkxkiG4crmeQiT9v3-eP2PrKarOmhmGaFH7YAsLNaA0rv5K7CHsk0HAkM2uuZDpqZkDWfVlah1A5_O4YdjM2ckaQrarOMLTxYGoPdoDRft2kR1ck6FLIhWYEuk-e06ru8R1bjec5b/s1600/r_f.gif) no-repeat left top;}#cbmmenu li a:hover.red{background:#c40d0b none;}#cbmmenu li a.orange{background:#f26522 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR6jzV8HmhGNdWjsZ4i9Bi2BtyJcGPQI51bvu_8IjruJB5xFeJDahf7KodUvBBF7v2Rnxhuwtb1_0D_Q3M24I2s0SfyLLXvn3okdhNcqH_5J9-_hoI7cUkMki8U6PGzi50gZ_eO8iwC86N/s1600/o_f.gif) no-repeat left top;}#cbmmenu li a:hover.orange{background:#f26522 none;}#cbmmenu li a.yellow{background:#e4c016 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHhqYBVAhCRfT_o8TFoT3-0pT_jq9V58GkeHaKfWBM2pJS4HsggKMGvkXfC2HPo53lRypohdp8kvYhOyfv5oj9VxDTIVEffGxXnUtjatYnmtAxLqPTnicl1altYG1ZRHxsIit_i_GezA6_/s1600/y_f.gif) no-repeat left top;}#cbmmenu li a:hover.yellow{background:#e4c016 none;}#cbmmenu li a.green{background:#219e0b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5t7l_Mh9VA0N0ie2iM3CP-tUjnwtZkmPtLbeqUgncc1-xh4yTrwP8snn_KIjW4RSCPOjOwhCc_nUi2JAGwIFU6U4cy4G0vr3yH3Y23QK-OcjEvQFslqOS6NWr_g-rSIljlVKbNstXwl5r/s1600/g_f.gif) no-repeat left top;}#cbmmenu li a:hover.green{background:#219e0b none;}#cbmmenu li a.blue{background:#2c88ce url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhwA0vh2mOxWml7mNUOUAjUB522SBTbqjqJTFcYlOgoxBNc60wf1mgbcn9lFKlCUbFR8g5QXPpf68Cqp40XcW-PqtkVnz8DqndK56mbvaaztfbApkx6BkVICxaRmpN8JqpB-YH43uOelI3/s1600/b_f.gif) no-repeat left top;}#cbmmenu li a:hover.blue{background:#2c88ce none;}#cbmmenu li a.grey{background:#939393 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjsp9f2lHfKPAN4mGd_H55gy8Fka2TZe_RNImBQeaz_8yTrZWv_XaimFvjbsyW7-MLnp1-_xQMD7PCovB-YKeAGEkNvTkYQotfxYd72mLONY8Pthw0n14MWOaXEnMntkMXLkQVexyuTfIz/s1600/gr_f.gif) no-repeat left top;}#cbmmenu li a:hover.grey{background:#939393 none;}
</style>
<div id="cbmmenu"><ul><li><a class="red" href="URL Here">Gelminn</a></li><li><a class="orange" href="URL Here">Gelminn</a></li><li><a class="yellow" href="URL Here">Gelminn</a></li><li><a class="green" href="URL Here">Gelminn</a></li>
<li><a class="blue" href="URL Here">Gelminn</a></li>
<li><a class="grey" href="URL Here">Gelminn</a></li>
</ul>
</div>

Change all URL Here with your own links. And Save it.