မိမိဘေလာ့မွာနာရီပံုအလန္းေလးနဲ႔အလွဆင္မယ္

မဂၤလာပါ 

ခုတင္ေပးမွာကေတာ့ မိမိတို႔ဘေလာ့ေလးကိုလာေရာက္လည္ပတ္သူေတြအတြက္အခ်ိန္ေလးေတြထည့္ဖို႔ နာရီအလွဆိုက္ေလးပဲျဖစ္ပါတယ္ အေရာင္ ၄မ်ဳိးေလာက္ေရြးလို႔ရၿပီး မိမိႏွစ္သက္ရာပံုစံေလးေတြကိုလည္းေရြးခ်ယ္ထားႏိူင္ပါတယ္ ဘေလာ့အလွဆင္လိုသူ ဘေလာ့ကာမိတ္ေဆြမ်ားေအာက္ကလင့္မွာ၀င္ေရာက္ရယူအသံုးျပဳႏိူင္ပါတယ္ က်ေနာ္ထည့္ထားတဲ့နာရီေလးသေဘာက်တယ္ဆိုရင္လည္းကုတ္ေပးထားပါတယ္ ထည့္နည္းကေတာ့ အားလံုးသိၾကတဲ့အတိုင္းပဲ ေနာ္ အားလံုးအဆင္ေျပၾကပါေစ

နာရီအလွမ်ားကို-ဒီမွာ၀င္ယူေပးပါ

က်ေနာ္သံုးထားေသာ နာရီကုတ္ေလးပါ

<iframe scrolling="no" frameborder="no" clocktype="html5" style="overflow:hidden;border:0;margin:0;padding:0;width:250px;height:250px;"src="https://www.clocklink.com/html5embed.php?clock=012&timezone=Myanmar_Rangoon&color=green&size=250&Title=&Message=&Target=&From=2018,1,1,0,0,0&Color=green"></iframe>

အားလံုးပဲလန္းၾကပါေစဗ်ာ

Read More

ဘေလာ့မွာ ျမန္မာျပကၡဒိန္-ရက္စြဲေလး ထည့္နည္း

မဂၤလာပါ  သည္ေန႕ ေရးျဖစ္တဲ႕ ဘေလာ့ဆုိင္ရာေလးကေတာ့ မိမိတို႕ ဘေလာ့မွာ မရွိမျဖစ္ ဆိုသလို လိုအပ္တဲ႕ ျပကၡဒိန္...ရက္စြဲ စတဲ႕ မွတ္တမ္းေလး ထားဖို႕ပါဘဲ. ဒါေလးကို
၂ မ်ိဳး ၂စား ထည့္ထားေပးလို႕ရပါတယ္.. စာသားခ်ည္းသက္သက္ ျမန္မာ ရက္စြဲ ေတြထည့္မလား
ျပကၡဒိန္ ေလးနဲ႕ထည့္မလားဆိုတဲ႕ နည္းလမ္း ၂ ခုရွိပါတယ္... အဲ႕နည္းလမ္းဆိုင္ရာ ကုဒ္ဒင္းေလးေတြကို
ျပန္လည္ မွ်ေ၀ ေပးလိုက္ပါတယ္..ေနာ္..ေအာက္မွာပါ...
ထည့္နည္းကေတာ့...
 
    ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

 သည္ကုဒ္ေလဒသုံးလိုက္ပါ

 <a lang='my-z1' id='mcalr'> </a>
<script src='https://googledrive.com/host/0B7WW8_JrpDFXTHRHbUJkV0FBdFU/mcalrs.js'></script>

 သည္ကုဒ္ေလးသုံးလိုက္ပါ

 <div  id='mcalg' style='width:196px;'  lang='my-z1'> </div>
<script src='https://googledrive.com/host/0B7WW8_JrpDFXTHRHbUJkV0FBdFU/mcalgs.js'></script>

     မွတ္ခ်က္   ။                      ။     

 အျခားဘာသာစကား သို႔မဟုတ္ အျခားေဖာင့္ျဖင့္ ရလိုပါက အထက္ပါကုဒ္ရွိ lang='my-z1' ေနရာတြင္ my-z1 အစားေအာက္ပါတို႔မွ တစ္ခုခု ေျပာင္း၍ သတ္မွတ္နိုင္သည္။

•     my-mm = ျမန္မာ (ယူနီကုဒ္)
•     my-en = အဂၤလိပ္
•     my-mon = မြန္
•     my-z1 = ေဇာ္ဂ်ီဝမ္းေဖာင့္

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

ဘေလာ့မွာ မည္သည့္ေဆာ့၀ဲလ္မွ မသုံးဘဲ 3 D Text စာလုံးေတြေရးနည္း

မဂၤလာပါ  သည္ေန႕ ေရးျဖစ္တာေလးကေတာ့ မိမိတို႕ဘေလာ့မွာ  မည့္သည့္ေဆာ့၀ဲလ္ေတြမွ  အသုံးမျပဳ ဘဲနဲ႕  3D  Text  စာလုံးေလး ေရးနည္းကိုဘဲ ျဖစ္ပါတယ္... ဒါေလးကေတာ့  Css3 ကုဒ္နဲ႕ အသုံးျပဳ ေရးသားထားျခင္းျဖစ္တာေၾကာင့္  အသင့္ေပးထားတဲ့ ကုဒ္ေတြကိုဘဲ အသုံးျပဳ  ေရးသားလိုက္ပါေနာ္..  ႏွစ္သက္တယ္ဆို ေအာက္မွာ ထည့္နည္းနဲ႕ လိုအပ္တဲ့  ကုဒ္ေတြကို ေပးထားပါတယ္ေတာ္....ေလ့လာလုိက္ပါေနာ္

အသုံးျပဳ နည္း
=======

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

              <style>#animationWrapper { width:200px; font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue","Arial",sans-serif; background:#222; padding:40px; } /* link which encapsulates SPANs */ #animationWrapper a { font-weight: 500; text-transform: uppercase; font-size: 32px; line-height: 0.9em; margin-bottom: 10px; display: block; position: relative; color: #E58; text-decoration: none } /* span and a - "workers" */ #animationWrapper a, #animationWrapper span { -webkit-transition: all 0.12s ease-out; -moz-transition: all 0.12s ease-out; -o-transition: all 0.12s ease-out; -ms-transition: all 0.12s ease-out; transition: all 0.12s ease-out; } #animationWrapper span { display: block; color: #555; text-shadow: 1px 1px black, 2px 2px black, 3px 3px black, 4px 4px black, 5px 5px black, 6px 6px black, 7px 7px black, 8px 8px black; } /* special size for the first item */ #animationWrapper .span1 { font-size: 36px; line-height: 0.8em; } #animationWrapper a:hover { color: #fff ; top: -3px; left: -3px; } /* all spans become white */ #animationWrapper a:hover span { color:#fff; } /* different colors for each SPAN */ #animationWrapper a:hover .span1 { text-shadow: 1px 1px #58E, 2px 2px #58E, 3px 3px #58E, 4px 4px #58E, 5px 5px #58E, 6px 6px #58E, 7px 7px #58E, 8px 8px #58E, 9px 9px #58E, 10px 10px #58E, 11px 11px #58E; } #animationWrapper a:hover .span2 { text-shadow: 1px 1px #F90, 2px 2px #F90, 3px 3px #F90, 4px 4px #F90, 5px 5px #F90, 6px 6px #F90, 7px 7px #F90, 8px 8px #F90, 9px 9px #F90, 10px 10px #F90, 11px 11px #F90; } #animationWrapper a:hover .span3 { text-shadow: 1px 1px #3C7, 2px 2px #3C7, 3px 3px #3C7, 4px 4px #3C7, 5px 5px #3C7, 6px 6px #3C7, 7px 7px #3C7, 8px 8px #3C7, 9px 9px #3C7, 10px 10px #3C7, 11px 11px #3C7; } #animationWrapper a:hover .span4 { text-shadow: 1px 1px #E58, 2px 2px #E58, 3px 3px #E58, 4px 4px #E58, 5px 5px #E58, 6px 6px #E58, 7px 7px #E58, 8px 8px #E58, 9px 9px #E58, 10px 10px #E58, 11px 11px #E58; } </style><center> <div id="animationWrapper"> <a href="http://www.aungsanmks.com"> <span class="span1">Welcome</span> <span class="span2">From</span> <span class="span3">My</span> <span class="span4">Blogs</span> </a></div> </center>

မွတ္ခ်က္  ။     ။  ကုဒ္ေတြထဲမွာ   http://www.aungsanmks.com  ေနရာ မိမိတို႕႔ 

ဘေလာ့အမည္အစားထိုးနိဳင္ပါတယ္... ေအာက္ဆုံး ကုဒ္ေတြထဲက

WELCOME

FROM

MY

BLOGS

ဆိုတာေတြမွာ ႏွစ္သက္ရာ စာသားကို ေရးနိဳင္ပါတယ္... ျမန္မာ စာနဲ႕လည္း အသုံးျပဳနိဳင္ပါတယ္။

 ကုဒ္ေတြမွာ  FONT  အရြယ္အစားေတြ  အက်ယ္အ၀န္း စတာေတြ  နံပါတ္ေတြပါ  ပါတယ္.. ၾကိဳက္သလို  မိမိဘေလာ့ Widget  နဲ႕ ကိုက္ညီေအာင္ ခ်ိန္းနိဳင္ပါတယ္...

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

BLOG ဆိုဒ္ဘား အတြက္ အလွတင္ရန္ ( လန္းတယ္ )

 

အားလုံးမဂၤလာပါေနာ္  သည္ေန႕တင္မဲ့ နည္းလမ္းေလးကေတာ့  ဘေလာ့ကာမ်ားအတြက္ ဆိုဒ္ဘားမွာ

ဒီဇိုင္းလန္းလန္းေလးနဲ႕  အလွဆင္ဖို႕ နည္းလမ္းသစ္ေလးတစ္ခုပါ...သည္နည္းလမ္းေလးကို  မိမိတို႕ စိတ္ကူးရွိ သလိုသုံးဆြဲနိဳင္ပါတယ္... ကြ်န္ေတာ္ ခု နမူနာအေနနဲ႕ တင္ျပေပးမွာကေတာ့  ဆိုဒ္ဘားမွာ ကြ်န္ေတာ္ ပိုင္ဆိုင္တဲ့ ဘေလာ့ေလးေတြကို ညႊန္ျပတဲ့  ပုံစံေလးနဲ႕  ရွင္းျပေပးသြားပါမယ္......

ေအာက္မွာ လိုအပ္တဲ့ ကုဒ္ေတြနဲ႕အတူ နည္းလမ္းကိုပါ ေသျခာ ပုံေလးနဲ႕ ရွင္းျပသြားပါမယ္...ေနာ္

အဆင့္   (၁)   

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ..
►5- Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

</head>   သည္ကုဒ္ေလးကို ထည့္ရွာလုိက္ပါ... ေတြ႕႔ျပီဆိုတာနဲ႕ ေအာက္ကဇယားနဲကေပးထားတဲ့
                ကုဒ္ေတြကို  သူ႕ရဲ႕အေပၚကေန ကပ္ထည့္ေပးလိုက္ပါေနာ္....


                       <style>.module h2 { background-color: #D5D5D5; border-radius: 20px 0 0 20px; color: #FFFFFF; font-family: Verdana; font-size: 14px; line-height: 32px; margin: 0; padding: 0 0 0 20px; text-shadow: 2px 1px 1px #222; } .module h2 a { border-left: 5px solid #ffffff; color: #101921; float: right; font-size: 14px; text-decoration: none; text-shadow: none; padding: 0 10px; position: relative; -moz-transition: padding 0.1s linear; -webkit-transition: padding 0.1s linear; -ms-transition: padding 0.1s linear; -o-transition: padding 0.1s linear; } .module h2 a:hover { padding: 0 32px; } .module h2 a:before, .module h2 a:after { content: ""; height: 0; position: absolute; top: 50%; width: 0; } .module h2 a:before { border-bottom: 8px solid transparent; border-right: 8px solid #ffffff; border-top: 8px solid transparent; left: -12px; margin-top: -8px; } .module h2 a:after { border-bottom: 6px solid transparent; border-top: 6px solid transparent; left: -6px; margin-top: -6px; } .module.blue h2 a {background-color: #A2D5EC;} .module.blue h2 a:hover {background-color: #C5F0FF;} .module.blue h2 a:after {border-right: 6px solid #A2D5EC;} .module.blue h2 a:hover:after {border-right-color: #C5F0FF;} .module.yellow h2 a {background-color: #FCE98D;} .module.yellow h2 a:hover {background-color: #FFD700;} .module.yellow h2 a:after {border-right: 6px solid #FCE98D;} .module.yellow h2 a:hover:after {border-right-color: #FFD700;} .module.green h2 a {background-color: #bada55;} .module.green h2 a:hover {background: #C7E176;} .module.green h2 a:after {border-right: 6px solid #bada55;} .module.green h2 a:hover:after {border-right-color: #C7E176;} .module.red h2 a {background-color: #F0A5B5;} .module.red h2 a:hover {background-color: #FFC7D2;} .module.red h2 a:after {border-right: 6px solid #F0A5B5;} .module.red h2 a:hover:after {border-right-color: #FFC7D2;} </style>

အိုေက...ကုဒ္ေတြ ထည့္ျပီးတာနဲ႕  save template ကိုရဲရဲေဆ့လုိက္ပါ... လက္ေတြ႕စမ္းသတ္ထားလို႕
အာမခံပါတယ္ေနာ္.... ကုဒ္ထည့္တာေတာ့ မွန္ဖို႕လိုပါတယ္.... အိုေခ...

အဆင့္  (၂)

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

 ေအာက္ကကုဒ္ေတြကို ျပင္ဆင္တဲံအခါ အေပၚက နမူနာ ပုံေလးနဲ႕ စာၾကည့္လုိက္ပါေနာ္.....

<div class="module blue">
<h2>ေခါင္းစဥ္ <a href="Link URL">ကလစ္ပါ</a></h2>
</div>

<div class="module yellow">
<h2>ေခါင္းစဥ္ <a href="Link URL">ကလစ္ပါ</a></h2>
</div>

<div class="module green">
<h2>ေခါင္းစဥ္ <a href="Link URL">ကလစ္ပါ</a></h2>
</div>

အိုေက..အေပၚကကုဒ္ေတြကို  ထည့္ျပီဆိုတာနဲ႕ လိုအပ္တဲ့ ျပင္ဆင္ခ်က္ေတြ လုပ္ပါမယ္......
 (၁) ေခါင္းစဥ္ဆိုတဲ့ ေနရာမွာ  က်ေနာ္ နမူနာျပထားတာက  ဘေလာ့အမည္ေတြေပါ့..
 (၂) link URL ကေတာ့ မိမိညႊန္ျပလိုတဲ့  ဘေလာ့(သို႕)အျခား   စသျဖင့္  လိပ္စာ ထည့္ေပးရပါမယ္
 (၃) ကလစ္ပါ   ဆိုတဲ့ေနရာမွာလဲ ႏွစ္သက္တာ ထည့္ေပးပါ  သူကေတာ့ ကိုယ္ညႊန္တဲ့ေနရာ သြားဖို႕
      ေမာက္ေထာက္ကလစ္ရမဲ့ေနရာပါ...
                 ............ကုဒ္မ်ားကို လိုသေလာက္  ပြါးနိဳင္ပါတယ္ေနာ္..... ....

မွတ္ခ်က္.... ဘေလာ့ကိုမွ မဟုတ္ပါ  တျခားေဆာ့၀ဲလ္ ေဒါင္းဖို႕  မိတ္ေတြဘေလာ့ေတြ  စသျဖင့္ လိုအပ္သလို  မိမိတို႕ အသုံးျပဳနိဳင္ပါေၾကာင္းးးးးးးးးးးးး

<<<တာ၀န္မေလးပါကတခ်က္ေလာက္ကလစ္ေပးခဲ့ေစလို>>>

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

Read More

ဘေလာ့မွာ Stylish Rss Feed Subscription Box ေလးထည့္ၾကမယ္

 

 မဂၤလာပါ သည္ေန႕ေတာ့ Stylish Rss Feed Subscription Box For Blogger ဆိုတဲ့နည္းပညာေလးကို

ေရးျဖစ္ပါတယ္.. ဒါေလးကေတာ့ ဒီဇိုင္းတမ်ိဳးေလးနဲ႕ေပါ့ေနာ္.. အီးေမးခ်န္ခဲ့ျခင္းျဖင့္ တင္သမွ် ပို႕စ္မ်ား

မိမိတို႕ ေမးတြင္ ေရာက္ေနမည္ ဆိုတဲ့ ဟာေလးကို တျခား facebook ..twitter..google...စတာေတြနဲ႕

လွပ စြာထားရွိတာေလးကို မိမိတို႕ဘေလာ့ဆိုဒ္ဘားမွာ လွပေသသပ္စြာ  ထားၾကဖို႕ ျပန္လည္ မွ်ေ၀လိုက္ျခင္းျဖစ္ပါတယ္...

ေအာက္မွာ နည္းလမ္းနဲ႕ ကုဒ္ေတြ ေပးလိုက္တယ္ေနာ္...

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

             <center> <div align="center" id="bloggertrix1-Subscribe-wrapper"> <div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px;"> <h3 id="bloggertrix1-title-text" style="color: white; font-size: 20px;"> GET FREE EMAIL UPDATES</h3> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <a class="social-icons" href="သည္မွာမိမိတို႕ရဲ႕ facebook လင့္ထည့္ပါ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOtqgi4ocnkHi7DUl5qF7jN1XUJqnYPkpMhtdu-7JepUMShG3IREzkAYbvwhvEdzTCnOMrnEDaRkLrKWuPyfwt4zf2vHt4G7M9etlPCPfNsqno4n1xpJqhTtSMBsDV68G8dKDffWLNrKa3/s1600/Bloggertrix-facebook.png" /></a><a class="social-icons" href="သည္ေနရာမွာ မိမိတို႔twitterလင့္ထည့္ေပးပါ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf5Z115skSzT71pFOSfOIUqRi7cod3yZ62HnT-UZMxiVcgV86MXjO-rACGIm2zQPNWRNZ4nPBZqdoRF6okxJUkFzm8zvmv8t4J3CDRVzvtec9XZuRW22dsaMRCRPbKLNHZnci7mZMpweN5/s1600/bloggertrix-twitter.png" /></a><a class="social-icons" href="https://plus.google.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfONfkCNqXqbahpVG7snbMPsdCBBwNU4liLz2f5Ml-1Jaw_l3ftuFEdnC6nE55d70cJDu7RpIuX9NLgU71a8M8-brWNlLUPTK0CnjDWSCt5DDiRcUaaIH8bO3GSQA-HmMTntnSZ4FXJ4tp/s1600/Bloggertrix-Googleplus.png" /></a><a class="social-icons" href="သည္ေနရာမွာမိမိဆိုဒ္ရဲ႕feedburnerလင့္ထည့္လိုက္ပါ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5KlDaPzJb7wF9UwROdL7EgXO73EfCYnaOewTZkybC8xmZba77ckckbZtcuORt5xXwvt5iQjvxo6Wut83EDb6nlj2l72ZvGgBsaVuyyywa5yKQtC_wnWeInFCdZQhiAkqvp4kgIx6JjFjb/s1600/Bloggertrix-Rss.png" /></a> <input class="email" id="bloggertrix_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br /><div class="separator" style="clear: both; text-align: center;"> </div> <input name="uri" type="hidden" value="bloggertrix" /><input name="loc" type="hidden" value="en_US" /> <input id="digitalhubinc_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form> </div> </div> </center> <style>a.social-icons {margin-right: 5px; height:40px;width:40px;} a.social-icons:hover {opacity: .7;filter:alpha(opacity=70); } #ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9; background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important; text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px; margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif; padding: 5px;border: none;}#ig-subscription-optin input.name { background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXt01Uij4wjPtq2y-XLrCFmqYMQJKfBCh6x7RPGzYBO_TR3xi2bXAo0VCgZqMpZRb8I9WN15GcHsHAqzt_UUxunmkjK_97meuXlOF8pqEh1EXAjJ2QYIT1EEBUBuADNoElpFGFcX8WkzwP/s1600/subscribe-name.png) no-repeat center right;} #ig-subscription-optin input[type="text"] {border: 1px solid #111 !important; font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;} #ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvnW-quC2KKruyoBNAbgEM4dF7MRy5graM7zC5V9WJ5BbUrwd8VrJkUwd6EEUpVqElzyAfbZ3zUfgRETEHRZpeYrfx9lfYacv5aK3wJBY0cN1Eqm9nikxFk8HP6SK3pJr-yPvkqcIeL1uo/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input { font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important; font-weight: bold !important;line-height: 26px !important;letter-spacing: normal; text-transform: none;text-decoration: none; text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif; border: none;padding: 0px !important;float: none;}input:hover[type="submit"] { background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2; color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input { color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYMtXMShSsmtrX2qhtnMF31dNPynaZd2-F0XKHQVU12uQPud1CKn9ALOPnDUVcIYqLx5ixGeBHzYf9XskDDjTEEZNIU-zAGsfRDjS68Blj-MUgohqFqn6qKCqsttoA7ElIlE5hng2ROssO/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important; padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;} #ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style>

ကုဒ္ထဲမွာ ပါတဲ့ facebook..twitter..စတဲ့ေနရာေတြကို မိမိတို႕ရဲ႕သက္ဆိုင္ရာ ကိုယ္ပိုင္ လင့္ေတြအစားထိုးထည့္ေပးလိုက္ပါေနာ္...

အဆင္ေျပပါေစ

<<<တာ၀န္မေလးပါကတခ်က္ေလာက္ကလစ္ေပးခဲ့ေစလို>>>

Read More

ဘေလာ့မွာ ေကာင္တာအလန္းေလး ထည့္ၾကမယ္

မဂၤလာပါ ကြ်န္ေတာ္ သည္ေန႕ေရးျဖစ္တဲ့ နည္းပညာေလးကေတာ့ လူသိမ်ားမယ္လို႕ထင္ပါတယ္

လြယ္ကူတာေလးမို႕ လုပ္လုိက္ၾကပါေနာ္..သူကေတာ့ ဘေလာ့မွာ လာလည္သမွ် ဧည့္သည္ေတာ္မွတ္တမ္း ေလးကို ၾကိဳက္ႏွစ္သက္ရာ နံပါတ္ စတုိင္အမ်ိဳးမ်ိဳးနဲ႕ စိတ္ၾကိဳက္ လုပ္ယူတဲ့နည္းေလးပါဘဲ... လက္ရွိ၀င္ေနသူစာရင္းကိုေတာ့ျပသမွာ မဟုတ္ပါဘူးဗ်ာ... ဘေလာ့စတင္တဲ့ခ်ိန္မွ စလို႕ ေပါ့ ေျပာရရင္ Total Visitor လို႕ေျပာရမယ္...ကဲစမ္းၾကမယ္

ပထမဆုံး   သည္ေနရာကို    ကလစ္ျပီးေတာ့ ၀င္လုိက္ပါ။

အဲစာမ်က္ႏွာမွာဘဲ မိိမတို႕ႏွစ္သက္ရာ စတိုင္ ကိုေရြးေပးလုိက္ပါ ေနာက္ ပုံမွာ ျပထားတဲ့အတိုင္း 

Use selected style & Go to Step2 ဆိုတာေနာက္က မွ်ားေလးကလစ္ပါ

အဲမွာ ေရာက္တာနဲ႕ အမည္ အီးေမး ပါတ္၀ပ္ စတာေတြ ျဖည့္ေပးရမွာျဖစ္ပါတယ္

ပါတ္၀ပ္ကို ၾကိဳက္တာေပးပါ  မိမိေမးကပါတ္၀ပ္အမွန္မလိုပါဘူးေနာ္....

ေနာက္ဆိုဒ္အမည္- ဆိုဒ္လိပ္စာ ေတြပါထည့္ရမွာပါ  အဲေအာက္က Starting Count ေနရာမွာေတာ့ သတိထားဖို႕လိုပါမယ္... မိမိတို႕လက္ရွိ ဘေလာ့ထဲက ေကာင္တာမွာ ရွိေနတဲ့ အေရအတြက္ ကိုၾကည့္လိုက္ပါ အဲတာကိုဘဲ ထည့္ေပးလိုက္ေပါ့ေနာ္...ဒါမွ ေကာင္တာ ၂ ခုညီေနမွာပါ.. အိုေက

Step 3 ကိုဆက္သြားလုိက္ပါ

အိုေက ေနာက္ဆုံးအဆင့္ပါဘဲေနာ္ ေတြ႕တဲ့တိုင္း ကုဒ္ေတြကို ေကာ္ပီယူလိုက္ပါေနာက္ မိမိဘေလာ့ထဲကို

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

ဒါဆိုအဆင္ေျပပါျပီေနာ္...

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

Read More

ဘေလာ့မွာ ျမန္မာ စာသားနဲ႕ ျပကၡဒိန္ေလး ထည့္နည္း

မဂၤလာပါ သည္ေန႕တင္တာေလးကေတာ့ C-Box ကေနေတာင္းဆိုထားတာေလးပါ

koyelay: ျမန္မာလို ႏွစ္ လ ရက္ေတြ သာသနာႏွစ္ ေတြပါတဲ့ အကိုသံုးထားေန႔စဲြေလးေတြ ဘယ္လိုထည့္ရမလဲ အကို။

ကဲ သိသူမ်ားေက်ာ္သြားလုိက္ပါေနာ္... ေတာင္းဆိုတာေလးေၾကာင့္ တင္ေပးလုိက္ရတာပါ.. ေအာက္မွာ လိုအပ္တဲ့ ကုဒ္နဲ႕ ထည့္နည္းပါ

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ



                          <a id='mcalr' style='text-decoration: none; font-family: Zawgyi-One;' href='http://myanmar-calendar.cool-emerald.com/' target='_blank'>Myanmar Calendar</a><script src='http://myanmar-calendar.cool-emerald.com/mcalrs.js' type='text/javascript'></script>

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

<<<တာ၀န္မေလးပါကတခ်က္ေလာက္ကလစ္ေပးခဲ့ေစလို>>>

Read More

မိမိဘေလာ့မွာ မိတ္ေဆြဘေလာ့ကာမ်ား ထားတဲ့နည္းလမ္းေလးပါ ( C-Box ေတာင္းဆိုမွဳ )

 မဂၤလာပါ ေနာ္...သည္ နည္းလမ္းေလးကေတာ့ မိမိဘေလာ့မွာ  တျခား ကိုယ္ ၾကိဳက္ေသာမိတ္ေဆြဘေလာ့မ်ား  အားထည့္ထားနည္းေလးပါ  သည္နည္းေလးကေတာ့ မိတ္ေဆြ ဘေလာ့မ်ား မွ တင္သမွ် ပို႕စ္မ်ားအား ေနာက္ဆုံးတင္ထားေသာပို႕စ္ေလးကို အပ္ဒိတ္ လုပ္ျပသထား

ပါတယ္... သည္နည္းလမ္းေလးကို   C-Box ကေန ေတာင္းဆိုထားျခင္းျဖစ္ပါတယ္...

ျဖိဳးမင္းထက္: အစ္ကိုေရ ညီတို ့ကိုရဲရင့္တို ့ေမးထားတာေလးလဲမတင္ရေသးဘူးထင္တယ္ေနာ္ေစာင့္ေမွ်ာ္ေနလွ်က္

ေအာက္မွာ အဆင့္ဆင့္ လုပ္ေဆာင္ ခ်က္နည္းလမ္းေလးကို ပုံေလးေတြနဲ႕ ရွင္းျပလိုက္ပါတယ္ေနာ္..

ပထမ အေနနဲ႕ ဘေလာ့ကာ ၀င္လုိက္ျပီး မိမိတို႕ ဘေလာ့ကာရဲ႕ Layout ကိုသြားလုိက္ပါ

ေအာက္ကပုံလို ေတြ႕ျမင္လာရမွာျဖစ္ပါတယ္.. Layout မွာ ရွိတဲ့ Add a Gadget ကိုကလစ္ပါ။

 ေနာက္ထပ္ ေတြ႕ရမွာကေတာ့ ေအာက္က ပုံေလးပါဘဲ.. အဲခါမွာ ပုံထဲကျပထားသလို Blog List ဆိုတာေလးကိုရွာျပီး  ကလစ္ေပးလိုက္ပါေနာ္..။

ေနာက္ တဆင့္ ကေတာ့ ေအာက္ကပုံတိုင္းေတြ႕လာ မွာျဖစ္ပါတယ္...ပုံေလးထဲကအတိုင္း

Add a Blog To Your List ဆိုတာကို ကလစ္ေပးလိုက္ပါ...။

ေနာက္ ထပ္ေတြ႕ျမင္ရမွာကေတာ့ ေအာက္ကပုံေလးဆက္ၾကည့္လုိက္ပါ... လင့္ထည့္ဖို႕

ေဘာက္ေလးက်လာပါျပီ  မိမိတို႕ ထည့္ထားလိုေသာ ဆိုဒ္ရဲ႕ လိပ္စာကို ထည့္ျပီး ေအာက္က Add  ကိုကလစ္ေပးလိုက္ပါ...။

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

ပုံထဲကတိုင္း ၾကည့္လုိက္ပါ   မန္ဘာ၀င္ျပီးသား ဘေလာ့ဆိုဒ္ေတြကို ထည့္မည္ဆုိပါက ေအာက္က Blog I'm Following ဆိုတာကိုအမွတ္ ေပးလုိက္ပါေနာ္....ဒါဆို  ေအာက္က ပုံေလးတိုင္း က်လာပါမယ္

ဒါဆို မိမိ မန္ဘာ ဆိုတဲ့ Following လိုက္ထားေသာ ဆိုဒ္မ်ားကို ျပသထားမည္ျဖစ္ပါတယ္..

အထဲကမွ  မိမိဘေလာ့မွာ ထည့္ထားလိုေသာ ေဘလာ့ေတြကို အမွန္ျခစ္ေပးျပီး ေအာက္ဆုံးက

Add  လုပ္ေပးလုိက္ပါ... အဆင္ေျပပါျပီေနာ္..

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

Read More

ဘေလာ့ရဲ႕ ဆိုဒ္ဘားမွာ Exchange Myanmar Money ဆိုတာေလးထားနည္း ( C-Box ေတာင္းဆိုမွဳ )

မဂၤလာပါ  သည္ နည္းလမ္ေလးကေတာ့ ဆိုဒ္ဘားမွာ Exchange Myanmar Money ဆိုတဲ့ ေဘာက္ေလး

ထည့္နည္းပါ  ခ်က္ေဘာက္ကေန  ကိုဟန္ေလး  ေတာင္းဆိုထားလို႕ပါ... ေဆာရီး ကိုဟန္ေလးေရ

ကြ်န္ေတာ္ သတိေမ့သလိုျဖစ္သြားတဲ့အတြက္ တင္တာ ေနာက္က် သြားရတာပါ...နားလည္ေပးပါေနာ္..

ဟန္ေလး: အကိုေရ ကၽြန္ေတာ္ Feb 24 ရက္ေန့က ေတာင္းဆိုထားတာေလး အေၾကာင္းျပန္ေပးပါဦးExchange Myanmar Money ကို တင္ခ်င္လို့ပါ

 ထည့္နည္းနဲ႕ ကုဒ္ေတြေအာက္မွာ ယူလိုက္ပါေနာ္

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

                 <!---foreign exchange rates widget - html code - fx-rate.net ----><div style="width: 278px; border:1px solid #000;background-color:#fff;align:center;text-align;left;margin:0px 0px;padding:0px 0px;"> <div style="text-align:center;font-size:12px; line-height:16px;font-family: arial;color:#173a00; font-weight:bold;background:#c5e554;padding:3px 3px;"> <a href="http://fx-rate.net/MMK/" title="Myanmar Kyat Exchange Rate" style="text-decoration:none;color:#173a00;font-size:12px; line-height:16px;font-family: arial;"> <img style="margin:0;padding:0;border:0;" src="http://fx-rate.net/images/countries/mm.png" border="" height="11" width="16" /> Myanmar Kyat Exchange Rate</a> </div> <script type="text/javascript" src="http://fx-rate.net/fx-rates.php?label_type=country_name¤cy=MMK&length=short"></script></div> <!---end of code----><!--!-end--><!--!-foreign-->

                     ကုဒ္ေတြ ထည့္ျပီးတာနဲ႕ ေဆ့လုိက္လို႕ရပါျပီေနာ္....အဆင္ေျပပါေစ

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

Read More

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

သည္တစ္ခါေတာ့ က်ေနာ့္ကို ညီေလးတစ္ေယာက္ gtalk ကေနေမးးတာေလးပါ ကိုေအာင္ ေရတဲ့.. ကိုေအာင္ ဆိုဒ္ထဲကလို ေဒါင္းစရာေလးေတြကို ပုံေလးေတြနဲ႕ ျပထားတာေလး သိျခင္လို႕ပါဆိုလို႕  တင္ျပလိုက္ရပါတယ္... ရိုးရွင္းးလြယ္ကူပါတယ္ဗ်ာ... လုပ္ၾကည့္ေနာ္..အဆင္မေျပရင္ ေျ့ပာပါ..

1.အ၇င္ဆံုးကၽြန္ေတာ္ေအာက္မွာေပးထားတဲ့ကုဒ္ေလးကို Copy ကူးလိုက္ပါ.။ျပီး၇င္ 

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

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

2.  အနီ နဲ့ျပထားတဲ့ေန၇ာမွာေတာ့မိမိတို့ညြန္းခ်င္တဲ့လင့္၇ဲ့ URL နဲ့ပံု၇ဲ့ URLကိုထည့္ေပးလိုက္ယံုပါပဲ..။

   ဒါဆို၇င္ပံုေလးကိုကလစ္လိုက္ယံုနဲ့မိမိတို့ညြန္းခ်င္တဲ့လင့္ကိုတန္းျပီးေ၇ာက္သြားမွာျဖစ္ပါတယ္..။

3.   target="_blank" ဆုိတဲ့ကုဒ္ကေတာ့ပံုေလးကိုကလစ္လိုက္တဲ့အခါမွာေနာက္ထပ္စာမ်က္ႏွာအသစ္

    မွာသြားျပီးေပၚေအာင္ထည့္ေပးထားတာျဖစ္ပါတယ္.။

ေအာက္မွာျပထားတဲ့နမူနာကုဒ္ေလးကိုၾကည့္လိုက္၇င္သေဘာေပါက္သြားပါလိမ့္မယ္.။

ဥပမာအားျဖင့္ေပါ့...

<a href="http://www.mediafire.com/?bk353i33d7lnanw" style="margin-left: 1em; margin-right: 1em;"><img src="http://i.minus.com/isom9o3NlGee8.png" border="0" height="37" width="247" /></a></div>
<div class="separator" style="clear: both; text-align: center;">

 အနီေရာင္   ကေဒါင္းေလာ့လင့္ပါ

အစိမ္းေရာင္က ပုံရဲ႕ လင့္ပါ

ပန္းေရာင္က ပုံရဲ႕ widght ေတြပါ သူ႕နံပါတ္ေတြကို လိုသလို ျပဳျပင္နိဳင္ပါတယ္..။

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

Read More

မိမိကိုယ္ပိုင္ဆိုဒ္မွာ Zawgyi-Unicode Blog-page Font changer ေလးထည့္ၾကမယ္္

ခုေနာက္ပိုင္း ဘေလာ့ဂါေတြမွာUnicode ေဖာင့္ေတြအသံုးမ်ားလာၾကပါတယ္၊၊တစ္ခ်ိဳ ့ဘေလာ့ဂါေတြ ဟာ ေဇာ္ဂ်ီလဲလက္မလႊတ္နိုင္ ယူနီကုဒ္လဲ လက္မလႊတ္နိုင္ျဖစ္ေနတတ္ပါတယ္ (အေနာ့္လိုေပါ့ ...:D)။ အဲဒီလိုလူမ်ိဳးေတြအတြက္မရွိမျဖစ္ရွိသင့္တဲ့ ေဖာင့္Chooser ကေတာ့ Blog-page Font changer ပါပဲ၊ အဲဒါသူ ့နာမည္မဟုတ္ပါဘူး ကြ်န္ေတာ္ကိုယ္တိုင္ထြင္ထားတဲ့နာမည္ပါ :P... အသံုးျပဳနည္းကေတာ့ လြယ္ပါတယ္ ေအာက္ကနည္းအတိုင္းပဲ လုပ္လိုက္ေပါ့ ။

 အသံုးျပဳနည္း

•   Dashboard ကေန Layout ကိုသြားလိုက္ပါ
• ျပီးရင္ Sidebar က Add a gadget ကိုနိုပ္လိုက္ပါ ၊၊
• HTML/JavaScript ကို ေရြးနိုပ္ပါ ၊၊
• ေဘာင့္စ္ တစ္ခုတက္လာရင္ေအာက္က ကုဒ္ေလးကိုထည့္ေပးလိုက္ပါ၊၊
• ျပီးရင္ Saveနိုပ္လိုက္ပါ ၊၊

<script type="text/javascript" src="http://kogeelay.googlecode.com/files/unicodeorzawgyi_KG.js"></script>

အေပၚကအျပာေရာင္စေၾကာင္းနဲ ့လင့္ေလးက Z&U box java direct လင့္ေလးပါခင္ဗ်...ကိုယ္ပိုင္ hosting နဲ ့လဲသံုးလို ့ရပါတယ္ ၊၊ ကြ်န္ေတာ္ ေပးထားတာနဲ ့လည္းအသံုးျအဳနိုင္ပါတယ္၊၊ အကယ္၍ ကိုယ္ပိုင္hosting မွ တင္ခ်င္တယ္ဆိုရင္ေတာ့ ဒီဖိုင္ေလး ကိုေဒါင္းျပီးအျခား hosting ဆိုဒ္မွာတင္နိုင္ပါတယ္ ၊၊ မရွင္းတာရွိရင္ ေကာင့္မန္ ့ေပးျပီးေတာ့ ေနာက္တစ္ေန ့ဒီပိုဒ္မွာျပန္လာcheck  နိုင္ပါတယ္ခင္ဗ်ာ ...အတတ္နိုင္ဆံုးနဲ ့အျမန္ဆံုး ျပန္ေျဖေပးပါ့မယ္ ၊၊ ကြ်န္ေတာ့္ ဘေလာ့ေလးကိုလာလည္တဲ့အတြက္ အားလံုးကို Thank You ပါ ၊၊

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

Read More

ဘေလာ့ဆိုဒ္ဘားမွာ လိုအပ္တာ စုစည္းဖို႕ scoll bar list ကုဒ္ေလးေတြလာျပီ

 patheinit: အကိုေရ သိေကာင္းစရာဘေလာ့ပညာမ်ားရွာရန္ လုပ္နည္းေလးေျပာျပပါလားအစ္ကိုေရ html ေလးျဖစ္ျဖစ္ေပးပါလားအကိုေရ

အားလုံး မဂၤလာပါေနာ္  ခုတင္တဲ့ နည္းလမ္းေလးကေတာ့  ဘေလာ့မွာ  မိမိတို႕ ထည့္ျခင္ေသာ ဆိုဒ္မ်ား
လိပ္စာမ်ား... လင့္မ်ား...အားလုံး လိုအပ္သလို ဖန္တီးနိဳင္တဲ့  ကုဒ္ဒင္းေလးေတြ ကို ေတာင္းဆိုထားေသာ
ညီေလးတစ္ေယာက္ ရွိလာလို႕  ခုလို တင္ေပးလိုက္ပါတယ္  လုပ္ေဆာင္နည္းနဲ႕  လိုအပ္ေသာ ကုဒ္ေတြ
ကို ေအာက္မွာ လိုအပ္သလို ယူေဆာင္ သုံးစြဲနိဳင္ပါတယ္ေနာ္....

လုပ္ေဆာင္ခ်က္
========
   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

          <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="background: none repeat scroll 0% 0% black; color: white; width: 280px;"><option />ကိုယ္ပိုင္ေနရာေလးမ်ား <option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /> <form> </form> </select><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="background: none repeat scroll 0% 0% black; color: white; width: 280px;"><option />မိတ္ေဆြဘေလာ့ကာမ်ား-၁ <option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /> <form> </form> </select> <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="background: none repeat scroll 0% 0% black; color: white; width: 280px;"><option />မိတ္ေဆြဘေလာ့ကာမ်ား-၂ <option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /> <form> </form> </select> <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="background: none repeat scroll 0% 0% black; color: white; width: 280px;"><option />စာအုပ္စာေပဆိုဒ္မ်ားသို႕ <option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /> <form> </form> </select> <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="background: none repeat scroll 0% 0% black; color: white; width: 280px;"><option />ဖုန္းပညာရွင္ဆိုဒ္မ်ား <option value="#" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /> <form> </form> </select> <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="background: none repeat scroll 0% 0% black; color: white; width: 280px;"><option />သတင္းဆိုဒ္မ်ား <option value="#" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /> <form> </form> </select> <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="background: none repeat scroll 0% 0% black; color: white; width: 280px;"><option />ဂ်ာနယ္-အားကစား <option value="http://www.shwe-myanmar.net/2013/03/blog-post_3555.html" />ေမြးေန႕အလွဆင္ မီးပန္းဂီတသံစဥ္အပါ၀င္<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /><option value="လင့္" />မရွိေသးပါ<option value="#" /> <form> </form> </select>

မွတ္ခ်က္        ။                    ။  ေပးထားတဲ့ ကုဒ္ေတြကို လိုအပ္သလို တိုးပြါးနိဳင္ပါတယ္....
                                           လင့္    ဆိုတဲ့ေနရာမွာ သက္ဆိုင္ရာ လင့္ထည့္ျပီး    မရွိေသးပါ
ဆိုတဲ့ ေနရာကိုေတာ့ မိမိတို႕ ညႊန္ျပလိုေသာ ေခါင္းစဥ္ အမည္  (သို႕) ဆိုဒ္အမည္  ထည့္ပါ။
အဆင္ေျပပါေစ... မရွင္းပါက cbox မွာ ေအာ္ခဲ့ပါေနာ္...

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

Read More

SEA Games ျမန္မာႏိုင္ငံကိုယ္စားျပဳဆီးဂိမ္းကို သင့္ Blog တြင္ထည့္ခ်င္သူမ်ားအတြက္

ဒီတစ္ခါေတာ့ SEA Games ကိုဂုဏ္ျပဳခ်င္တဲ့သူေတြအတြက္ SEA Games ႀကိဳဆိုေရးအလွံနဲ႕ အျခား SEA Games ပံုစံေလးေတြကို ေ၀မွ်မွာပါ။ သင့္ Blog/site မွာလြယ္လြယ္ကူကူတင္လုိ႕ရတာမို႕လို႕ ယူလိုက္ပါ။ ကြ်န္ေတာ္ Ning site ကေန ျပန္လည္ေ၀မွ်ပါတယ္။ အဆင္ေျပပါေစ။ SEA Games Gadget ထည့္ျခင္းျဖင့္ ျမန္မာေတြအတြက္ ဂုဏ္ယူလုိက္ပါ။

(မွတ္ခ်က္ ။ ။ အေပၚဆံုးက ပံုက mm-knowledge.com က ယူထားျခင္းျဖစ္ပါတယ္။ အဲ့ကဆုိဒ္ပိုင္ရွင္ကို လည္းေက်းဇူးတင္ပါတယ္ဗ်ာ)

SEA Games အမွတ္တရထည့္နည္း

SEA Games အတြက္ အမွတ္တရလက္ေဆာင္္ေလးပါ။
သူငယ္ခ်င္းတို႔ရဲ႕ဘေလာ့စ္မွာ SEA games အတြက္ ဒီလိုပံုေလးထားခ်င္ရင္ေအာက္မွာ ကုဒ္ကိုယူျပီး
မိမိBlogရဲ႕  Add a Gadget >> HTML Java Script မွာထည့္ေပးလိုက္ပါ။

SEA Games Gadgets

<center><a href="http://www.pthaw.com/2013/10/sea-games-blog.html"  target="_blank"><img src="http://api.ning.com:80/files/O5Zjd8iJWwUSoJ4tLzUjjEQAyGN2mevtdo57sYdr61tT2-H**Vjl2n*FLz-0Z9i5LHhgZOMv5IshxXPB2H6YfjIgVMURhwHo/SEAGamewww.pthaw.com.gif" border="0" alt="http://www.pthaw.com" /></a></center>

<center><a href="http://www.pthaw.com/2013/10/sea-games-blog.html"  target="_blank"><img src="http://api.ning.com:80/files/O5Zjd8iJWwVCcJUzgWq*cLb-CBdxYdqZwVaPiuB3LqfK8DCbkzz2flvQHvLqX3ePHt-yWcRVYDp6r1FE4fx*35-E3bl*MNhm/WelcometoSEAGamewww.pthaw.com.jpg" border="0" alt="http://www.pthaw.com" /></a></center>

<center><a href="http://www.pthaw.com/2013/10/sea-games-blog.html"  target="_blank"><img src="http://api.ning.com:80/files/O5Zjd8iJWwXuoz71oxGtJdsWH01*5Du6lmIkLKm1jtu71ijY1w76AHqR-hiVs-e9HUNRD-BSpGfBJtQqSFSytDfVwABMW4k8/Footballwww.pthaw.com.png" border="0" alt="http://www.pthaw.com" /></a></center>

<center><a href="http://www.pthaw.com/2013/10/sea-games-blog.html"  target="_blank"><img src="http://api.ning.com:80/files/O5Zjd8iJWwWoMglwMZ5vVBy5CnSgXACMmBZUEjcBSiza7IMA7xR5oWF*PzD4ntspP6RpOQnvMm3zbmTwjVwFckidBMnohRHY/Chesswww.pthaw.com.png" border="0" alt="http://www.pthaw.com" /></a></center>

<center><a href="http://www.pthaw.com/2013/10/sea-games-blog.html"  target="_blank"><img src="http://api.ning.com:80/files/O5Zjd8iJWwW8tiVn4zmJA1XBl8tafVlQl7ZRq2YRBTLWezbfknNhCRFtxBF9JAvruYB8SJuGOkyamjbkysc5vgAeL04AFp*n/WeightLiftingwww.pthaw.com.png" border="0" alt="http://www.pthaw.com" /></a></center>

<center><a href="http://www.pthaw.com/2013/10/sea-games-blog.html"  target="_blank"><img src="http://api.ning.com:80/files/O5Zjd8iJWwU62N7B05YoDSN42cIybhNigMlWbtB4d7Z1g8Sa-PNXN3ahxMbcmBhnLXMrNcuVi1Iqf0TPPptpbMkXiRbVY8L*/TraditionalBoatwww.pthaw.com.png" border="0" alt="http://www.pthaw.com" /></a></center>

<center><a href="http://www.pthaw.com/2013/10/sea-games-blog.html"  target="_blank"><img src="http://api.ning.com:80/files/O5Zjd8iJWwU7RXmkkFgZXT1Nqfe*PlLtFJMkDZkACnNS0wp3mWeZ42plNhsIsJ-4Bo0EF2rvfD32jWvrDn9ZQzq12A0bqbL9/Swimmingwww.pthaw.com.png" border="0" alt="http://www.pthaw.com" /></a></center>

<center><a href="http://www.pthaw.com/2013/10/sea-games-blog.html"  target="_blank"><img src="http://api.ning.com:80/files/O5Zjd8iJWwWEuQ-ABaiuihDA2kAph9zk4wu-yU-TymPxl71uKLuOhpO2OHQlUAY5DTRwSrouHUZJvvru63BvY3CEybIE1LCn/Muaywww.pthaw.com.png" border="0" alt="http://www.pthaw.com" /></a></center>

<center><a href="http://www.pthaw.com/2013/10/sea-games-blog.html"  target="_blank"><img src="http://api.ning.com:80/files/O5Zjd8iJWwWeMsKq8GZ4y4CQGU4Ug8jGL1x4lSIEH4yP8Tt13Y1bzD0o70Z817cJBFXjeeEc533V6J5F07X5ZrMzD61ifwm*/27thSEAGameswww.pthaw.com.jpg" border="0" alt="http://www.pthaw.com" /></a></center>

<center><a href="http://www.pthaw.com/2013/10/sea-games-blog.html"  target="_blank"><img src="http://api.ning.com:80/files/O5Zjd8iJWwUt2aA7HNaFJALmhysj2GQvM*VEOy*DCD4PDq9zQh-BCImmY8vPeY6gmvKSkVherbLV3*OKWIQHCvlcUDtPjdpY/Forrunnerwww.pthaw.com.jpg" border="0" alt="http://www.pthaw.com" /></a></center>

မူရင္း      သည္မွာ   ေလ့လာနိုႈင္ပါတယ္

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ

လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ

စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

Read More

ဘေလာ့မွာ ေၾကာ္ျငာေတြ (သို႕) ဆိုဒ္ေတြကို Slide Show ေလးနဲ႕ ညႊန္ျပျခင္လား

မဂၤလာပါ  ဘေလာ့မိတ္ေဆြအေပါင္းတို႕ သည္နည္းလမ္းေလးကေတာ့ မိမိတို႕ ဘေလာ့ေပၚမွာ ေၾကာ္ျငာေတြ ျဖစ္ေစ မိမိတို႕ လမ္းညႊန္လိုတဲ့ ၀က္ဆိုဒ္ေတြ ျဖစ္ေစ... မိမိတို႕သြားေစလိုတဲ့ ေနရာေလးေတြ နည္းပညာေလးေတြ  ပို႕စ္ေလးေတြကို ျဖစ္ေစ  slider ပုံစံေလးနဲ႕ လွလွ ပပ လမ္းျပလိုပါက  နည္းလမ္းေကာင္းေလး တစ္ခုကို  ေရးသားေဖၚျပလိုက္ပါတယ္ေနာ္....
သူကေတာ့ စလိုက္ေလးနဲ႕ဆိုေတာ့  လွပေသသပ္တယ္.. ပုံေလးေတြ လုပ္မယ္.. လင့္ညႊန္ဖို႕ လင့္ထည့္မယ္... ဆိုပါေတာ့  စမ္းသတ္ ၾကည့္လိုက္ပါေနာ္... ေအာက္မွာ လုပ္နည္းနဲ႕ လိုအပ္ေသာကုဒ္ေတြကို  ေပးထားပါတယ္... အရမ္းလြယ္ကူပါတယ္.....

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

    <style type="text/css"> .container1 { width: 660px;padding: 0;margin: 0 auto; } .folio_block { position: absolute;left: 50%; top: 50%;margin: -140px 0 0 -395px;} .main_view {float: left;position: relative;} /*--Window/Masking Styles--*/ .window {-moz-box-shadow: 0px 0px 5px #303030; -webkit-box-shadow: 0px 0px 5px #303030; box-shadow: 0px 0px 5px #303030;border:1px solid #000000;height:240px; width: 660px; margin-top:15px;overflow: hidden; /*--Hides anything outside of the set width/height--*/ position: relative; } .image_reel { position: absolute;top: 0; left: 0; } .image_reel img {float: left;} .paging_btrix { position: absolute;bottom: 10px; right: -7px;width: 178px; height:47px;z-index: 100; /*--Assures the paging stays on the top layer--*/text-align: center; line-height: 40px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinN74q8mkp8L5i6OYk8jypqRsvHk5xT2FBmDSPf_P4-oZpOxnrWkzjcW-efuSNrzZ0llNmxdzDWszhg2vSYI_brmtxSBzRg2lHvlQzys-J7Oiyn9C5-pKtT_Abmz9zjNRGf8g2-2CzBls/s1600/paging_btrix_bg2.png) no-repeat; display: none; } .paging_btrix a { padding: 5px;text-decoration: none;color: #fff; } .paging_btrix a.active { font-weight: bold; background: #920000; border: 1px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .paging_btrix a:hover {font-weight: bold;} </style><!-- bof Automatic Image Slider w/ CSS & jQuery from Soh Tanaka --><div class="container1"> <div class="main_view"> <div class="window"> <div class="image_reel"> <a href="(link ထဲ့ရန္)"><img src="(ပံု Link ထဲ့ရန္)" alt="" /></a> <a href="(link ထဲ့ရန္)"><img src="(ပံု Link ထဲ့ရန္)" alt="" /></a> <a href="(link ထဲ့ရန္)"><img src="(ပံု Link ထဲ့ရန္)" alt="" /></a> <a href="(link ထဲ့ရန္)"><img src="(ပံု Link ထဲ့ရန္)" alt="" /></a> </div> </div> <div class="paging_btrix"> <a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a> <a href="#" rel="4">4</a> </div> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script><script type="text/javascript"> $(document).ready(function() { //Set Default State of each portfolio piece $(".paging_btrix").show(); $(".paging_btrix a:first").addClass("active"); //Get size of images, how many there are, then determin the size of the image reel. var imageWidth = $(".window").width(); var imageSum = $(".image_reel img").size(); var imageReelWidth = imageWidth * imageSum; //Adjust the image reel to its new size $(".image_reel").css({'width' : imageReelWidth}); //paging_btrix + Slider Function rotate = function(){ var triggerID = $active.attr("rel") - 1; //Get number of times to slide var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide $(".paging_btrix a").removeClass('active'); //Remove all active class $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function) //Slider Animation $(".image_reel").animate({ left: -image_reelPosition }, 500 ); }; //Rotation + Timing Event rotateSwitch = function(){ play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds $active = $('.paging_btrix a.active').next(); if ( $active.length === 0) { //If paging_btrix reaches the end... $active = $('.paging_btrix a:first'); //go back to first } rotate(); //Trigger the paging_btrix and slider function }, 5000); //Timer speed in milliseconds (3 seconds) }; rotateSwitch(); //Run function on launch //On Hover $(".image_reel a").hover(function() { clearInterval(play); //Stop the rotation }, function() { rotateSwitch(); //Resume rotation }); //On Click $(".paging_btrix a").click(function() { $active = $(this); //Activate the clicked paging_btrix //Reset Timer clearInterval(play); //Stop the rotation rotate(); //Trigger rotation immediately rotateSwitch(); // Resume rotation return false; //Prevent browser jump to link anchor }); }); </script>

   မွတ္ခ်က္   ။                 ။  သတိထားရမွာက  ကုဒ္ေတြထဲမွာ ရွိတဲ့ က်ေနာ္ ျမန္မာလိုေရးထားတဲ့
 ( link ထည့္ရန္)  (ပုံ link ထည့္ရန္ ) ဆိုတဲ့ေနရာေတြမွာ...
မိမိတို႕ လု္ပထားေသာ ပုံေတြရဲ႕ လင့္ိကု အစားထိုးပါ... ေရွ႕က link ထည့္ရန္  ေနရာမွာေတာ့ အဲပုံရဲ႕ သြားရမည့္ လင့္ကို ထည့္ေပးလိုက္ပါ...ဒါဆို လွပေသသပ္ေသာ  စလုိက္ေလးတစ္ခုရပါျပီေနာ္
အဆင္ေျပပါေစ

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

ဘေလာ့ကာ ဆိုဒ္ဘား အတြက္ အလွတင္ရန္ ( လန္းတယ္ )

အားလုံးမဂၤလာပါေနာ္  သည္ေန႕တင္မဲ့ နည္းလမ္းေလးကေတာ့  ဘေလာ့ကာမ်ားအတြက္ ဆိုဒ္ဘားမွာ
ဒီဇိုင္းလန္းလန္းေလးနဲ႕  အလွဆင္ဖို႕ နည္းလမ္းသစ္ေလးတစ္ခုပါ...သည္နည္းလမ္းေလးကို  မိမိတို႕ စိတ္ကူးရွိ သလိုသုံးဆြဲနိဳင္ပါတယ္... ကြ်န္ေတာ္ ခု နမူနာအေနနဲ႕ တင္ျပေပးမွာကေတာ့  ဆိုဒ္ဘားမွာ ကြ်န္ေတာ္ ပိုင္ဆိုင္တဲ့ ဘေလာ့ေလးေတြကို ညႊန္ျပတဲ့  ပုံစံေလးနဲ႕  ရွင္းျပေပးသြားပါမယ္......
ေအာက္မွာ လိုအပ္တဲ့ ကုဒ္ေတြနဲ႕အတူ နည္းလမ္းကိုပါ ေသျခာ ပုံေလးနဲ႕ ရွင္းျပသြားပါမယ္...ေနာ္

အဆင့္   (၁)   

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ..
►5- Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

</head>   သည္ကုဒ္ေလးကို ထည့္ရွာလုိက္ပါ... ေတြ႕႔ျပီဆိုတာနဲ႕ ေအာက္ကဇယားနဲကေပးထားတဲ့
                ကုဒ္ေတြကို  သူ႕ရဲ႕အေပၚကေန ကပ္ထည့္ေပးလိုက္ပါေနာ္....


  <style>.module h2 { background-color: #D5D5D5; border-radius: 20px 0 0 20px; color: #FFFFFF; font-family: Verdana; font-size: 14px; line-height: 32px; margin: 0; padding: 0 0 0 20px; text-shadow: 2px 1px 1px #222; } .module h2 a { border-left: 5px solid #ffffff; color: #101921; float: right; font-size: 14px; text-decoration: none; text-shadow: none; padding: 0 10px; position: relative; -moz-transition: padding 0.1s linear; -webkit-transition: padding 0.1s linear; -ms-transition: padding 0.1s linear; -o-transition: padding 0.1s linear; } .module h2 a:hover { padding: 0 32px; } .module h2 a:before, .module h2 a:after { content: ""; height: 0; position: absolute; top: 50%; width: 0; } .module h2 a:before { border-bottom: 8px solid transparent; border-right: 8px solid #ffffff; border-top: 8px solid transparent; left: -12px; margin-top: -8px; } .module h2 a:after { border-bottom: 6px solid transparent; border-top: 6px solid transparent; left: -6px; margin-top: -6px; } .module.blue h2 a {background-color: #A2D5EC;} .module.blue h2 a:hover {background-color: #C5F0FF;} .module.blue h2 a:after {border-right: 6px solid #A2D5EC;} .module.blue h2 a:hover:after {border-right-color: #C5F0FF;} .module.yellow h2 a {background-color: #FCE98D;} .module.yellow h2 a:hover {background-color: #FFD700;} .module.yellow h2 a:after {border-right: 6px solid #FCE98D;} .module.yellow h2 a:hover:after {border-right-color: #FFD700;} .module.green h2 a {background-color: #bada55;} .module.green h2 a:hover {background: #C7E176;} .module.green h2 a:after {border-right: 6px solid #bada55;} .module.green h2 a:hover:after {border-right-color: #C7E176;} .module.red h2 a {background-color: #F0A5B5;} .module.red h2 a:hover {background-color: #FFC7D2;} .module.red h2 a:after {border-right: 6px solid #F0A5B5;} .module.red h2 a:hover:after {border-right-color: #FFC7D2;} </style>

အိုေက...ကုဒ္ေတြ ထည့္ျပီးတာနဲ႕  save template ကိုရဲရဲေဆ့လုိက္ပါ... လက္ေတြ႕စမ္းသတ္ထားလို႕
အာမခံပါတယ္ေနာ္.... ကုဒ္ထည့္တာေတာ့ မွန္ဖို႕လိုပါတယ္.... အိုေခ...

အဆင့္  (၂)

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

 

 ေအာက္ကကုဒ္ေတြကို ျပင္ဆင္တဲံအခါ အေပၚက နမူနာ ပုံေလးနဲ႕ စာၾကည့္လုိက္ပါေနာ္.....

<div class="module blue">
<h2>ေခါင္းစဥ္ <a href="Link URL">ကလစ္ပါ</a></h2>
</div>

<div class="module yellow">
<h2>ေခါင္းစဥ္ <a href="Link URL">ကလစ္ပါ</a></h2>
</div>

<div class="module green">
<h2>ေခါင္းစဥ္ <a href="Link URL">ကလစ္ပါ</a></h2>
</div>

အိုေက..အေပၚကကုဒ္ေတြကို  ထည့္ျပီဆိုတာနဲ႕ လိုအပ္တဲ့ ျပင္ဆင္ခ်က္ေတြ လုပ္ပါမယ္......
 (၁) ေခါင္းစဥ္ဆိုတဲ့ ေနရာမွာ  က်ေနာ္ နမူနာျပထားတာက  ဘေလာ့အမည္ေတြေပါ့..
 (၂) link URL ကေတာ့ မိမိညႊန္ျပလိုတဲ့  ဘေလာ့(သို႕)အျခား   စသျဖင့္  လိပ္စာ ထည့္ေပးရပါမယ္
 (၃) ကလစ္ပါ   ဆိုတဲ့ေနရာမွာလဲ ႏွစ္သက္တာ ထည့္ေပးပါ  သူကေတာ့ ကိုယ္ညႊန္တဲ့ေနရာ သြားဖို႕
      ေမာက္ေထာက္ကလစ္ရမဲ့ေနရာပါ...
                 ............ကုဒ္မ်ားကို လိုသေလာက္  ပြါးနိဳင္ပါတယ္ေနာ္..... ....

မွတ္ခ်က္.... ဘေလာ့ကိုမွ မဟုတ္ပါ  တျခားေဆာ့၀ဲလ္ ေဒါင္းဖို႕  မိတ္ေတြဘေလာ့ေတြ  စသျဖင့္ လိုအပ္သလို  မိမိတို႕ အသုံးျပဳနိဳင္ပါေၾကာင္းးးးးးးးးးးးး

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါတယ္... လိုအပ္တာမ်ားရွိပါက.. C-Box မွာေျပာခဲ့ၾကနိဳင္ပါတယ္... အတတ္နိဳင္ဆုံး ၾကိဳးစား ကူညီ မွ်ေ၀သြားပါမည္... ဘေလာ့ခရီးသည္ေနရာေလးမ်ား 

www.ledimye.blogspot.com 

www.aungsanmks.com 

www.ninilayy.com

Read More