Wednesday, September 5, 2012

Blog မွာ Vertical Navigation Menu With Hover Fader and Animated Effects သံုးရေအာင္

                                                            DEMO

ကၽြန္ေတာ္ မိတ္ေဆြမ်ားကို  menu လန္းလန္းေလး တစ္ခုတင္ျပလိုက္ပါတယ္   demo link ကိုသြားျပီး menu အေပၚကို mouse တင္ႀကည့္လိုက္ပါ  ကၽြန္ေတာ္ မိတ္ေဆြမ်ား အသံုးျပဳခ်င္တယ္ဆို ရင္ ေအာက္မွာ ျပထားတဲ့အတိုင္း လိုက္လုပ္ျပီး အသံုးျပဳနိုင္ႀကပါေစ.....






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


၄ ။ ( ctrl+ f) နဲ ့  <head>  ကို ထပ္ရွာပါ ေတြ ့ျပီဆိုရင္   <head> ေအာက္မွာ  ေအာက္က code ေတြကို ထည့္ေပးလိုက္ပါ....



 <script src='https://dl.dropbox.com/u/24344387/How%20Do%20Blog/UIZE-JavaScript-Framework/js/Uize.js' type='text/javascript'/>



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

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


ျပီးရင္ save လိုက္ပါ.....      ( ျပီးပါျပီ )



(မွတ္ခ်က္ ) လင့္ထည့္ဖို ့အတြက္    ေခါင္းစဥ္  ဆို တဲ့ေနရာမွာ  ေခါင္းစဥ္ ထည့္ပါ      ေခါင္းစဥ္ရဲ  ့လင့္  ဆိုတဲ့ေနရာမွာ   ေခါင္းစဥ္ရဲ  ့လင့္  ထည့္ပါ ......





0 comments:

Post a Comment

စာေရးသူအတြက္ခြန္အားျဖစ္ေစမယ့္ေနရာေလးပါ