Blog မွာ Cool Vertical Menu သံုးရေအာင္

ကၽြန္ေတာ္   Cool Vertical Menu  ေလးတင္ျပလိုက္ပါတယ္ ပံုကုိ ႀကည့္ပါ ႀကိဳက္တယ္ ဆိုရင္ ေအာက္မွာေပးထားတဲ့ နည္းအတိုင္း လုပ္ယူျပီး အသံုးျပဳနိဳင္ႀကပါေစ ...



ေအာက္မွာေပးထားတဲ့  code  ကို  Copy ကူးျပီး ...
Design >>> Add a Gadget >>> /JavaScript မွာေအာက္ကကုဒ္ကိုထည့္ေပးလိုက္ပါ ။

<div id="menu4"> <ul> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္" title="Home"> ေခါင္းစဥ္ </a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္" title="About"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္" title="Services"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္" title="Portfolio"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္" title="Store"> ေခါင္းစဥ္</a></li> </ul> </div>


 ျပီးရင္ Save လိုက္ပါ....




 ေနာက္ျပီး

   ၁ ။ Design >>> Edit HTML

   ၂ ။ Expand Widget Templates   ကို အမွတ္ျခစ္ထားေပးပါ

   ၃ ။ ( ctrl+ f )  ကိုႏွိပ္ျပီး  Find : ေရွ  ့က အကြက္ထဲမွာ  ]]></b:skin> ကိုရွာပါ ေတြ ့ျပီဆိုရင္ အဲဒီကုတ္ရဲ  ့အေပၚမွာ ေအာက္ကကုတ္ကို ထည့္ေပးလိုက္ပါ....

*{ list-style:none; margin:0px; padding:0px; } #menu4 { width: 200px; border-style: solid solid none solid; border-color: #D76100; border-size: 0px; border-width: 0px; } #menu4 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #9E3C02; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr6pYCpbeWIypJgsYnQWLLjvKT7Ig0Mv0D_7neNGmC0Ss89tDdbksuR9sCLgAkbJvIDWFLOAM1ivm1IhbBSVW-H_Sbyb43kaWH6PHVTsXZaP45jP5B2poLVEjrr6IH6tZGcANFsVZ76ts/s1600/menu4.gif); padding: 8px 0px 0px 30px; } #menu4 li a:hover { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr6pYCpbeWIypJgsYnQWLLjvKT7Ig0Mv0D_7neNGmC0Ss89tDdbksuR9sCLgAkbJvIDWFLOAM1ivm1IhbBSVW-H_Sbyb43kaWH6PHVTsXZaP45jP5B2poLVEjrr6IH6tZGcANFsVZ76ts/s1600/menu4.gif) 0 -32px; padding: 8px 0 0 30px; } #menu4 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr6pYCpbeWIypJgsYnQWLLjvKT7Ig0Mv0D_7neNGmC0Ss89tDdbksuR9sCLgAkbJvIDWFLOAM1ivm1IhbBSVW-H_Sbyb43kaWH6PHVTsXZaP45jP5B2poLVEjrr6IH6tZGcANFsVZ76ts/s1600/menu4.gif) 0 -64px; padding: 8px 0 0 30px; }

ျပီးရင္ Previwe နဲ ့ႀကည့္လိုက္ပါ  

တကယ္လို ့မႀကိဳက္ လို ့ဘဲ ျဖစ္ျဖစ္ တစ္ခုခု မွာေနလို ့ဘဲျဖစ္ျဖစ္ Clear Edits ကိုနွိပ္ျပီး ျပန္ဖ်က္လို ့ရတာေပါ့

      ok ျပီဆိုမွ  Save Template ရင္ျပီးပါျပီ။

မိတ္ေဆြမ်ားကိုႀကိဳဆိုပါတယ္...........