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

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



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

 

ပံုေအာက္မွာမိမိတို့ညြန္းခ်င္တဲ့လင့္ေလးေတြထည့္ျပီးသံုး ၾကည့္၇ေအာင္

ကၽြန္ေတာ့္ကိုေမးလ္ထဲကေနအကိုတစ္ေယာက္ေမးထားတာေလးကိုမသိေသးတဲ့ဘေလာ့မိတ္ေဆြမ်ားပါအ
လြယ္တကူသံုးလို့၇ေအာင္ကၽြန္ေတာ္ပို့ဒ္ေလးတစ္ခုအေနနဲ့တင္ေပးလိုက္ပါတယ္..။အခုကၽြန္ေတာ္ေျပာျပမယ့္
နည္းလမ္းေလးကေတာ့ပံုေလးေတြကိုကလစ္လိုက္တဲ့အခါမွာ ( ဥပမာ..ေဇာ္ဂ်ီေဖာင့္ယူ၇န္ဆိုတဲ့ပံုေလးကို
ႏွိပ္လိုက္၇င္ေဒါင္းေလာ့လင့္ေလးကိုတစ္ခါထဲေ၇ာက္သြားေအာင္ ) ပံု၇ဲ့ေအာက္မွာမိမိတုိ့သံုးခ်င္တဲ့လင့္ေလး ကိုခ်ိတ္ေပးမွာျဖစ္ပါတယ္..။အသံုးျပဳခ်င္တဲ့သူမ်ားကေတာ့ကၽြန္ေတာ္ေအာက္မွာေပးထားတဲ့နည္းလမ္းအတိုင္း လင့္ေလးေတြကိုထည့္ျပီးသံုးၾကည့္လိုက္ယံုပါ..။

1.အ၇င္ဆံုးကၽြန္ေတာ္ေအာက္မွာေပးထားတဲ့ကုဒ္ေလးကို Copy ကူးလိုက္ပါ.။ျပီး၇င္ Design >> Add a
  Gadet ထဲက HTML/Java Script ထဲမွာထည့္ေပးလိုက္ယံုပါပဲ..။


<a href=" မိမိတို့ညြန္းခ်င္တဲ့ Link ၇ဲ့ URL ကိုဒီမွာထည့္ပါ " target="_blank">
<img src=" မိမိတို့သံုးခ်င္တဲ့ပံု၇ဲ့ URL ကိုေတာ့ဒီမွာထည့္ပါ " /></a>

2.အနီ နဲ့ျပထားတဲ့ေန၇ာမွာေတာ့မိမိတို့ညြန္းခ်င္တဲ့လင့္၇ဲ့ URL နဲ့ပံု၇ဲ့ URLကိုထည့္ေပးလိုက္ယံုပါပဲ..။
   ဒါဆို၇င္ပံုေလးကိုကလစ္လိုက္ယံုနဲ့မိမိတို့ညြန္းခ်င္တဲ့လင့္ကိုတန္းျပီးေ၇ာက္သြားမွာျဖစ္ပါတယ္..။
3. target="_blank" ဆုိတဲ့ကုဒ္ကေတာ့ပံုေလးကိုကလစ္လိုက္တဲ့အခါမွာေနာက္ထပ္စာမ်က္ႏွာအသစ္
    မွာသြားျပီးေပၚေအာင္ထည့္ေပးထားတာျဖစ္ပါတယ္.။ကၽြန္ေတာ္ေျပာ၇ွႈင္းျပတာကိုနားမလည္ေသးဘူး
    ဆို၇င္ေတာ့ေအာက္မွာျပထားတဲ့နမူနာကုဒ္ေလးကိုၾကည့္လိုက္၇င္သေဘာေပါက္သြားပါလိမ့္မယ္.။

For Example :

<a href="http://www.ziddu.com/download/14802796/Norton2011I.Sv18.5.0.12588yrCrackBySP.rar.html" target="_blank">
<img src="http://api.ning.com/files/wg3KIHE3i-NBEedgBUak35C-0PZEVT50CTIEL4m4GJPIWYTsu08KCLxBBH3Ic7z5p7KS4jr6i6el-PilkLeBR1CRodIPi-n0/Download4.gif" /></a>

ဒီေနရာကေကာက္လာသည္။

မိမိ Web Site ေလးမွာ Search Engine Box ေလး ထည့္သြင္း အသံုးျပဳခ်င္တဲ့ သူေတြ အတြက္ပါ။

ဒီ တစ္ခါလဲ ကၽြန္ေတာ္တို႕ Web Site ၀ါသနာရွင္ သူငယ္ခ်င္းမ်ားအတြက္ Search Engine Box လွလွေလးကို မိမိ Site ေလးမွာ ခ်ိတ္ဆြဲခ်င္ေသာသူေတြ အတြက္ပါဗ်ာ။ကဲ ကၽြန္ေတာ္ ေအာက္မွာ ပံုေလး နဲ႔ တကြ ျပေပးထားပါတယ္ဗ်ာ။ကၽြန္ေတာ့ Site ေလးမွာလဲ ခ်ိတ္ဆြဲထားပါတယ္ဗ်ာ။

<!-- SiteSearch Google // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // --> <center> <form method="get" action="http://www.google.com/search"><input value="UTF-8" name="ie" type="hidden" /> <input name="oe" value="UTF-8" type="hidden" /> <table style="text-align: center;" bgcolor="#000000"> <tbody> <tr> <td><a href="http://www.google.com/" rel="nofollow"> <img src="http://www.google.com/logos/Logo_25wht.gif" alt="Google" border="0" /></a></td> </tr> <tr> <td> <input name="q" size="21" maxlength="255" value="" type="text" /><font size="-1"> <input name="domains" value="www.itbagnyinaung.blogspot.com" type="hidden" /><br /> <input name="sitesearch" value="" type="radio" /> Web <input name="sitesearch" value="www.welcometoitbank.blogspot.com" checked type="radio" />(WelcomeToITBank)<br /> <input name="btnG" value="SEARCH" type="submit" /> </font></td> </tr> </tbody> </table> </form> <!-- SiteSearch Google // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // --> </center>

 1.Design
2.Page Elements
3.Add a Gadget
4.Html/Javascript ဆိုတဲ့ ေနရာ ေပၚလာျပီဆိုရင္ေတာ့ ကၽြန္ေတာ္ ေပးထားတဲ့ အေပၚက Code ကို ကူးျပီး ထည့္ရမွာ ျဖစ္ပါတယ္။
5.Save လိုက္ပါ။ဒါဆိုရင္ ကၽြန္ေတာ္တို႕ေတြ အေပၚကပံုေလး အတိုင္း မိမိ Site မွာ ခ်ိတ္ဆြဲထားျပီးသား ျဖစ္သြားပါ့မယ္။သိျပီးသား လူေတြမ်ား ရွိရင္ ေတာင္းပန္ပါတယ္ဗ်ာ။မသိေသးသူမ်ား အတြက္ ရည္ရြယ္ျပီး ေျပာျပျခင္းျဖစ္ပါတယ္ဗ်ာ။
(မွွတ္ခ်က္ - www.itbagnyinaung.blogspot.com တို႕လို ေနရာမ်ိဳးမွာ မိမိ Web Site ရဲ႕ Link ကို ထည့္သြင္းရမွာ ျဖစ္ပါတယ္။#000000 ေနရာမွာေတာ့ မိမိ စိတ္ၾကိဳက္ အေရာင္ေတြရဲ႕ Code ကိုထည့္သြင္း အသံုးျပဳလို႕ရပါတယ္ေနာ္။သူငယ္ခ်င္းေတြ အားလံုး အဆင္ေျပၾကပါေစလို႕ ဆုေတာင္းေပးလိုက္ပါတယ္ဗ်ာ။)
                                                                                                                                     ၾကိဳးစားလ်က္.........!
(Yekyawphyo)

ဒီေနရာကေကာက္လာသည္။

Blogger သမားမ်ားအတြက္ ျမန္မာျပကၡဒိန္ေလးပါ။

ကဲ ဒီတစ္ခါေတာ့ ကၽြန္ေတာ္တို႕ Blog ေတြမွာ ျမန္မာျပကၡဒိန္ေလး ထည့္ခ်င္တဲ့သူေတြအတြက္ ပါ။ကၽြန္ေတာ္တို႕ဟာ ျမန္မာႏိုင္ငံက Blogger သမားေတြျဖစ္တယ္ဆိုတာကို ကၽြန္ေတာ္ တို. ဆိုဒ္ေတြမွာ ျမန္မာျပကၡဒိန္ေလး တပ္ျပီးဂုဏ္ယူလိုက္ၾကရေအာင္လားဗ်ာ။တျခား ႏိုင္ငံက Blogger ေတြက လဲ သူတို႕နိုင္ငံ ရဲ႕ ျပကၡဒိန္ေလးကို ခ်ိတ္ဆြဲထားၾကတယ္ေလ။ကၽြန္ေတာ္တို႕ ျမန္မာ Blogger ေတြလဲ အားမငယ္ရေအာင္ ျပကၡဒိန္ေလး ခ်ိတ္ၾကတာေပါ့ဗ်ာ။သူငယ္ခ်င္းေတြ လိုခ်င္ရင္ ေအာက္မွာ Code ေလးယူလိုက္ပါဦးဗ်ာ။ဘယ္လို ပံုစံေလးလဲဆိုတာ ကၽြန္ေတာ္ ပံုနဲ႕တကြ ေအာက္မွာ ျပထားပါတယ္ဗ်ာ။

<script src="http://soemin.googlecode.com/svn/scripts/myanmar_calendar.js" type="text/javascript"></script>


1.Design
 2.Layout
 3.Page Elements
 4.Add A Gadget
 5. HTML/Javascript
6.Save လိုက္ပါဗ်ာ။



ဒါဆို သူငယ္ခ်င္းတို႕ Blog ေလးမွာ ျမန္မာတို႕ရဲ႕ ျမန္မာျပကၡဒိန္ေလး ရပါျပီဗ်ာ။
                                                                                                            ၾကိဳးစားလ်က္...!                                 (Yekyawphyo)                                                                                                                      
  ဒီေနရာကေကာက္လာတာ                                                                                                                             

ေျပးေနေသာစာသားမ်ား

အေပၚပံုက က်ေနာ္ဆိုက္ကပံုပါ။ပို႔က ကိုညီသူဆီကပါ။

အဲဒီလိုေလး လုပ္ခ်င္ရင္ ေအာက္ပါကုတ္ေလး ကို ကူးျပီး
html ေနရာေလးကို ႏွိပ္ျပီးထည္ ့လိုက္ပါ ျပီးရင္ တင္လိုက္ပါ..
အဆင္ေျပၾကပါေစ ဆႏၵမ်ားစြာျဖင္ ့ဘေလာ့ဂါ ညီသူ

<div class="widget-content">
<marquee behavior="scoll" bg="" style="color: #2efe2e;"><span style="color: green; font-family: zawgyi-one; font-size: 130%;"><b>နည္းပညာ ဥယ်ာဥ္ မွ လႈိုက္လွဲစြာၾကိဳဆိုပါသည္
</b></span></marquee>

</div>
နည္းပညာ ဥယ်ာဥ္ မွ ၾကိဳဆိုပါသည္ ဆိုတဲ ့ စာသားေနရာ မွာ ၾကိဳက္ႏွစ္သက္ရာ ထည္ ့ႏူိင္သည္..

မိမိဘေလာ့္ရွိ link စာလံုးမ်ားကို ေမာက္ ျဖင္ ့ေထာက္ရင္ ေနာက္ခံၾကယ္အေရာင္ အလင္းျဖင္ ့ ေပၚေစခ်င္ရင္

မိမိဘေလာ့္ရွိ link စာလံုးမ်ားကို ေမာက္ ျဖင္ ့ေထာက္ရင္ ေနာက္ခံၾကယ္အေရာင္ အလင္းျဖင္ ့
ေပၚေစခ်င္ရင္ ေအာက္ အတိုင္းလုပ္ေဆာင္လိုက္ပါ..
၁။Design

၂။Edit HTML ကိုသြားျပီးေအာက္ကCodeကိုရွာပါ။

</head>

ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္ကCodeကိုထည့္ေပးလိုက္ပါ။

၃။<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPDxj0_4cV-nEEM1DJZGeHNOaEK7JkpTQA32TCOdS1O2rl59qw4ivGunF_O788U08GF5nkczT-92sONKMMbax7oX9TJGv6ttroZiIA_WUuxMC8Ky_Vkgw40Je6rndvkPwZ2_K4cqap62Y/s1600/blink.gif); }
</style>


နည္းပညာဥယ်ာဥ္ဘေလာ့မွ ျပန္လည္ေ၀မွ်သည္

မဂၤလာပါ

ဒါကၽြန္ေတာ္ရဲ့ itbag ပါ။ညီေနာင္က ကၽြန္ေတာ့္ရြာပါ။ရြာသားေတြရဲ့ ဓေလ့အရ လြယ္အိတ္ လြယ္တဲ့အက်င့္ရွိပါတယ္။လြယ္အိတ္ထဲမွာေတြ႔တာအကုန္ေကာက္ထည့္ထားပါတယ္။ခုခ်ိန္ကစျပီးေကာက္ထည့္ပါေတာ့မည္။