Powered by Blogger.
နည္းပညာလြယ္အိတ္(ညီေနာင္)မွ လႈိုက္လွဲစြာၾကိဳဆိုပါသည္
Showing posts with label ဘေလာ့ menu. Show all posts
Showing posts with label ဘေလာ့ menu. Show all posts

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

Wednesday, September 25, 2013



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

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



ဒီေနရာကေကာက္လာ၏

 
 
Flag Counter


gmail ထဲပို႔ေပးမည္

fb ကေနာ့္ ေဘာ္ေဘာ္

zawgyi 32 bit ေဒါင္းရန္

ဒီေလာက္၀င္ၾကည့္ေနသည္


hit counter

ေလဒီယိုနားေထာင္ရန္

bg

ေလဒီယိုနားေထာင္ရန္

bg

recent posts

ကာလာကုဒ္ယူရန္



Blogger news

Blogroll

Most Reading