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

ေရးသားသူ : ေနမင္းေမာင္ // အခ်ိန္ : 9:33 AM // 11 ဦးမွက္ခ်က္ေရးသြားပါတယ္..

digg

ကၽြန္ေတာ္ဒီေန့ေတာ့ 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.အေပၚကကုဒ္ကိုေတြ ့ျပီဆို၇င္ေအာက္မွာေပးထားတဲ့ကုဒ္အတိုင္းေျပာင္းေပးလိုက္ပါ..။ 1  ေန၇ာမွာ  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  ဆိုဒ္ေလးကိုညြန္းခ်င္ပါတယ္..။ဘေလာ့ဂါ

 မ်ားဒီထက္မကမ်ားျပားတိုးတက္ပါေစခင္ဗ်ာ.....။

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