Blogger Widgets

Wednesday, December 12, 2012

Blog Menu ေလးေတြကို Button ေလးေတြနဲ့လုပ္၇ေအာင္




ကၽြန္ေတာ္ဒီေန့ေတာ့ Blog  Menu ေလးေတြကို Button ေလးေတြနဲ့အလြယ္ေလးလုပ္လို့၇မဲ့နည္းလမ္းေလကို
ေျပာျပေပးပါမယ္..။လုပ္ကတာအ၇မ္းလြယ္ပါတယ္..။Edit Html ထဲမွာလိုတာေလးလိုက္ျပင္ျပီး Add a Gadget
ထဲမွာထည့္ေပးလိုက္ယံုပါပဲဘာမွလဲမခက္ပါဘူး..။ျပီး၇င္ Button ေလးေတြနဲ့ဆိုေတာ့သပ္သပ္၇ပ္၇ပ္ေလးနဲ့
ၾကည့္လဲေကာင္းပါတယ္..။ကၽြန္ေတာ္ဘယ္လိုလုပ္၇မလဲဆိုတာကိုေျပာျပေပးသြားပါမယ္..။

1.အ၇င္ဆံုး Design Tab  >>  Edit HTML ဆိုျပီးသြားလိုက္ပါ.။Edit HTML ကိုေ၇ာက္ျပီဆို၇င္အ၇င္ဆံုးဘာ
  မွမလုပ္ပါနဲ့ေအာင္  Download  Full  Template  ကိုႏွိပ္ျပီးမိမိ၇ဲ့  Template  ေလးကို  Backup လုပ္ထား
  လိုက္ပါ..။





2.Template  ကို  Back up လုပ္ထားျပီးျပီဆို၇င္အေပၚကပံုမွာျပထားအဲ့တိုင္း  Expand Widget Template
   ကိုအမွန္ျခစ္ေလးေပးလိုက္ပါ..။ျပီး၇င္ကီးဘုတ္မွာ  Ctrl + F ကိုႏွိပ္လိုက္ပါ.။ေပၚလာတဲ့ search box ထဲ
   မွာေအာက္မွာေပးထားတဲ့ကုဒ္၇ိုက္ထည့္ျပီး Edit HTML ထဲမွာေအာက္ကကုဒ္ကို၇ွာၾကည့္လိုက္ပါ..။

      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>    

3.အေပၚကကုဒ္ကိုေတြ ့ျပီဆို၇င္ေအာက္မွာေပးထားတဲ့ကုဒ္အတိုင္းေျပာင္းေပးလိုက္ပါ..။ ေန၇ာမွာ  3
  no  ေန၇ာမွာ  yes  ေျပာင္းေပးလိုက္၇င္၇ပါျပီ..။

     <b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>    

4.အေပၚကအတိုင္းေျပာင္းျပီးျပီဆို၇င္ေတာ့ေအာက္ကကုဒ္ကိုထပ္၇ွာပါ..။

     <b:section class='main' id='main' showaddelement='no'>                                                                                                                                                           
5.အေပၚကကုဒ္ကိုေတြ ့ျပီဆို၇င္ေအာက္မွာေပးထားတဲ့ကုဒ္အတိုင္းေျပာင္းေပးလိုက္ပါ..။no  ေန၇ာမွာ  yes
  လို့ေျပာင္းေပး၇မွွာျဖစ္ပါတယ္..။

     <b:section class='main' id='main' showaddelement='yes'>                                   

4.အေပၚကကုဒ္ေတြအတိုင္းေျပာင္းျပီးျပီဆို၇င္ေတာ့ေအာက္ကပံုေလးအတိုင္း  Blog  Post  ၇ဲ့အေပၚမွာ
  Add a Gadget  ေလးတစ္ခုေလးတစ္ခုထပ္ျပီးတိုးလာတာကိုေတြ ့၇ပါလိမ့္မယ္..။


5.အေပၚကပံုအတိုင္း  Blog Post ၇ဲ့အေပၚမွာ  Add  a  Gadget  ေလးေပၚလာျပီဆို၇င္ေတာ့  Add  a
  Gadget  ေလးကိုဖြင့္ျပီး  HTML/JavaScript   ထဲမွာေအာက္ကေပးထားတဲ့   Button  ကုဒ္ေလးေတြ
  ကိုထည့္ေပးလိုက္ယံုပါပဲ..။

    <a href=" ဒီေန၇ာမွာမိမိညြန္းခ်င္တဲ့ URL လင့္ကိုထည့္ပါ  " target="_blank">                 
   <button>မူလစာမ်က္ႏွာ</button></a>                                                                 
   <a href=" ဒီေန၇ာမွာမိမိညြန္းခ်င္တဲ့ URL လင့္ကိုထည့္ပါ  " target="_blank">                   
   <button>ကဗ်ာမ်ား</button></a>                                                                        
   <a href=" ဒီေန၇ာမွာမိမိညြန္းခ်င္တဲ့ URL လင့္ကိုထည့္ပါ  " target="_blank">                    
   <button>နည္းပညာ</button></a>                                                                        
   <a href=" ဒီေန၇ာမွာမိမိညြန္းခ်င္တဲ့ URL လင့္ကိုထည့္ပါ  " target="_blank">                        
   <button>စာအုပ္မ်ား</button></a>                                                                            


6. ဒီအေ၇ာင္  နဲ့ျပထားတဲ့ေန၇ာမွာေတာ့မိမိတို့ညြန္းခ်င္တဲ့ဆိုဒ္၇ဲ့ URL လင့္ကိုထည့္ေပးလိုက္ပါ.။
    မူလစာမ်က္ႏွာ , ကဗ်ာမ်ား ေန၇ာမွာေတာ့မိမိတို့ၾကိဳက္သလိုျပင္ေ၇းလို့၇ပါတယ္...။စိတ္ၾကိဳက္ျဖစ္ျပီ
    ဆို၇င္ေတာ့ Blog Post  အေပၚက  Add  a   Gadget  ထဲက  HTML/JavaScript  ထဲကိုထည့္ျပီး
    Save  လိုက္ယံုပါပဲ..။ဒါဆို၇င္မိမိတို၇ဲ့ဘေလာ့မွာ  Menu  Tab  ေလးေတြကို  Button  ေလးေတြနဲ့
    ေသေသသပ္သပ္ေလးလုပ္လို့၇သြားပါျပီခင္ဗ်ာ.....။

 ဘေလာ့ကိုစတင္ေလ့လာသူမ်ားအတြက္ေတာ့ကၽြန္ေတာ္သိထားတာေလးေတြကမျပည္စံုေသးပါဘူး..။
 ျပည့္ျပည့္စံုစံုေလးေလ့လာခ်င္သူမ်ားအတြက္ေတာ့  KP 3  ဆိုဒ္ေလးကိုညြန္းခ်င္ပါတယ္..။ဘေလာ့ဂါ
 မ်ားဒီထက္မကမ်ားျပားတိုးတက္ပါေစခင္ဗ်ာ.....။ 

အားလံုးပဲအဆင္ေျပၾကပါေစ........ေက်းဇူးတင္ပါတယ္ခင္ဗ်ာ......

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...