Blog/Wesbite ေတြမွာ CSS Hover Effect နဲ.Vertical Menu ေလးထည္.ခ်င္တဲ.ေဘာ္ဒါေတြအတြက္

Blog/Wesbite ေတြမွာ CSS Hover Effect နဲ.Vertical Menu ေလးထည္.ခ်င္တဲ.ေဘာ္ဒါေတြအတြက္ Menu ေလးတစ္ခုေတြ.လို.တင္ေပးလိုက္ပါတယ္..
ဘယ္လိုထည္.ရမလဲဆိုေတာ....
Blogger Dashboard>Template>Edit HTML  အဆင္.ဆင္.သြားလိုက္ပါ..ျပီးရင္ Ctrl+F ကိုနွိပ္ျပီး Search Box ထဲမွာ ေဟာဒီ ]]></b:skin> ဆိုတဲ.ကုဒ္ေလးရိုက္ထည္.ျပီးရွာပါ..

ေတြ.ျပီဆိုရင္ေအာက္မွာေပးထားတဲ.ကုဒ္ေတြကိုေကာ္ပီကူးယူျပီး အဲဒီ ]]</b:skin> ဆိုတဲ.ကုဒ္ေလးရဲ. အေပၚမွာ ထည္.ေပးလိုက္ပါ...

#menu5 ul { list-style: none; margin: 0; padding: 0; } #menu5 img { border: none; } #menu5 { width: 200px; margin: 10px; } #menu5 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB-stpMY68KS6UZO_wPrahlg_t-ExDy7Zv2uJ_a33ZDEdlWhPPnzneiiim_uS2tFm0hg51b9DIECarKttzGOZYa3nmdvt3J_My8P7U9aljQaqw4qSTwZBvgNtQA6m255gNungPalkf0B4/s800/menu5.gif); padding: 8px 0 0 10px; } #menu5 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB-stpMY68KS6UZO_wPrahlg_t-ExDy7Zv2uJ_a33ZDEdlWhPPnzneiiim_uS2tFm0hg51b9DIECarKttzGOZYa3nmdvt3J_My8P7U9aljQaqw4qSTwZBvgNtQA6m255gNungPalkf0B4/s800/menu5.gif) 0 -32px; padding: 8px 0 0 10px; }

Template ကို Save လုပ္လိုက္ပါ..  ေနာက္တစ္ဆင္.အေနနဲ.Layout ကိုသြားပါ.. Add a Gadget ကိုနွိပ္ပါ..HTML/JavaScript   ကိုကလစ္ပီးေအာက္ကကုဒ္ ေတြကိုကူးထည္.ေပးပါ...

<div id="menu5">
<ul>
<li><a href="http://www.znhtwe.blogspot.com/">HOME</a></li>
<li><a href="http://www.znhtwe.blogspot.com">E.BOOK</a></li>
<li><a href="http://www.znhtwe.blogspot.com/">MEDIA</a></li>
<li><a href="http://wwwznhtwe.blogspot..com/">MOBILE</a></li>
<li><a href="http://www.znhtwe.blogspot.com/">SOFTWARE</a></li>
<li><a href="http://www.znhtwe.blogspot.com/">SONG</a></li>
<li><a href="http://wwwznhtwe.blogspot..com/">TECH:</a></li>
</ul>
</div>

အေရာင္ခ်ယ္ျပထားတဲ. ေနရာေတြမွာကိုယ္.ရဲ.လင္.ခ္ေတြhttp://www.znhtwe.blogspot.com/..ေခါင္းစဥ္ေတြHOME နဲ.အစားထိုးေပးပါ...အဆင္ေျပမယ္လို.ေမွ်ာ္လင္.ပါတယ္..