စီးပြားေရးလုပ္ငနး္ သံုးဖို ့အတြက္ Barcode producer

စီးပြား ေရး လုပ္ ငန္း သံုး ဖို ့ပဲ ျဖစ္ျဖစ္ အေပ်ာ္ တမ္း လက္ တည္ ့ စမ္း ခ်င္ တဲ ့ မိတ္ ေဆြ မ်ား အတြက္  Barcode producer ေလး ကို ျပန္ လည္ မ်ွ ေဝ ေပး ခ်င္ ပါ တယ္။မိမိ ေဆာ ့ဝဲ ေကာင္း ေလး ျဖစ္ လို ့ အား မနာ တမ္း ေဒါင္း နိုင္ပါ တယ္။ Full Version ျဖစ္ ဖို ့ အတြက္ keygen ကို အသံုး ျပဳ ရ မွာ ျဖစ္ ပါ တယ္ ။ full version ျဖစ္ ေအာင္ မလုပ္ တတ္ ေသး ရင္ ေအာက္ က video ကို ၾကည္ ့ျပီး လုပ္ ေပး ပါ။

full version ျဖစ္ေအာင္ လုပ္နည္း video file ကို ၾကည္ ့ ရန္ ဒီမွာ နိုပ္ပါ။

ေဒါင္းရန္ // Google drive , solidfiles 

စိုင္းသူ (နည္းပညာ ျပန္ လည္ မ်ွ ေဝ ျခင္း )

အသစ္တင္တိုင္း facebook ကေန ဖတ္မယ္ဆို ရင္ { ဒီမွာlike } လုပ္ထားေပးပါ

Read More

windows 7 မွာ Missing operating system ေျဖ ရွင္း နည္း

windows 7 မွာ Missing operating system ျဖစ္ ျပီး windows ျပန္ တက္ မလာ ေတာ ့တဲ ့ျပသနာ ေျဖ ရွင္း နည္း ေလး ပါ။ Windows 7 DVD ေခြတစ္ ခု ကို အသံုး ျပဳ ျပီ း command prompt  က ေန ျပန္ လည္  ေျဖ ရွင္း နည္း ေလး ပါ။

အဆင္ ့ ( ၁ ) 

---------------------------------

windows 7 dvd ေခြ ကို သင္ ့ကြန္ပ်ဴ တာ ထဲ ကို ထည္ ့ေပး ပါ။

အဆင္ ့ ( ၂ )

----------------------------------

restart ခ် ျပီး ပံုမွန္ windows တင္ သလို ပဲ မိမိ တို ့ ကြန္ပ်ဴ တာ မွ သက္ ဆိုင္ ရာ key မ်ား ကို နိုပ္ ျပီးBIOS ထဲ ကို ဝင္ေရာက္ လိုက္ ပါ။BOOT ORDER ကို ခ်ိန္း ေပးပါ။BIOS ထဲ ကို ဝင္ လို ့ ရ မဲ ့ သက္ဆိုင္ ရာ KEY ေတြ ကို မသိ ေသး ရင္ ဒီမွာ ေလ ့လာ ေပး ပါ။

အဆင္ ့ ( ၃ )

-------------------------------

WINDOWS ပံုမွန္ ျပန္ တင္ လုိ ့ရ မဲ ့ ေန ရာ ကို ေရာက္ တာ နွင္ ့ က် ေနာ္ တို ့ REPAIR COMPUTER 

ကိုနိုပ္ေပးရပါ မယ္။

အဆင္ ့ ( ၄ ) 

------------------------------

ေအာက္ပံု မွာ ျပ ထား တဲ ့use recover tool ေလး ကိုအမွန္ ေလး ျခစ္ ေပး ျပီး next ကို နိုပ္ေပးပါ။

အဆင္ ့ ( ၅ ) 

-----------------------------

“System Restore” or “System Image Recovery”

Read more at: http://windows7themes.net/en-us/missing-operating-system-windows-7/ © windows7themes.net

“System Restore” or “System Image Recovery”

Read more at: http://windows7themes.net/en-us/missing-operating-system-windows-7/ © windows7themes.net

System Restore” or “System Image Recovery”.

Read more at: http://windows7themes.net/en-us/missing-operating-system-windows-7/ © windows7themes.net

system Restore or system image recovery မလုပ္ပါနဲ ့command prompt ေလး ကို ဖြင္ ့ပါ။

အဆင္ ့ ( ၆ )

----------------------------

command prompt ေလး ထဲ မွာ ေအာက္ က စာ ေတြ ကို ရိုက္ ထည္း ေပး ပါ။ entre ေခါက္ပါ။

chkdsk c: /f/r

/f /r will both fix errors and recover lost data.
/f will only fix errors on your disk
/r will only recover lost data

Read more at: http://windows7themes.net/en-us/missing-operating-system-windows-7/ © windows7themes.net

chkdsk c :/f /r

/f/r

/f

/r

ျပီးရင္ restart ခ် ျပီး ျပန္ သံုး ၾကည္ ့ပါ။ အဆင္ ေျပ သြား ပါ ျပီ။

အသစ္တင္တိုင္း facebook ကေန ဖတ္မယ္ဆို ရင္ { ဒီမွာlike } လုပ္ထားေပးပါ

စိုင္းသူ ( နည္းပညာ ျပန္ လည္ မ်ွေဝ ျခင္း )

Read More

ဘေလာ့ ဖြင့္ဖြင့္ခ်င္း Loading Blog ဆိုတဲ့ စတိုင္ေလးကို CSS3 နဲ႕ ဖန္တီးၾကမယ္-( ၃ )

မဂၤလာပါ  သည္ေန႕ ေရးျဖစ္တာေလးကေတာ့ မိမိတို႕ဘေလာ့မွာ ဖြင့္ဖြင့္ျခင္း loader ပုံေလး လည္ေနတာ

ကို အလွဆင္ ထည့္ျခင္ပါက နည္းလမ္းေလးဘဲ ျဖစ္ပါတယ္.. သည္နည္းလမ္းေလးကို ပုံစံ.. ၆ မ်ိဳးတဲ႕

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

ဘာမွေတာ့ အေထာက္အကူမျပဳေပမယ့္  ၀င္၀င္ျခင္း လွပတဲ့ loader ေလးကို ျမင္ရတာေပါ့  ဟီးးးးးးးးးးး

ထည့္နည္းကလည္းသိပ္မခက္ခဲပါဘူးေနာ္  ေအာက္မွာ ေသျခာ ရွင္းျပထားပါတယ္...ဒါေလးက style 3 ပုံစံေလးျဖစ္ပါတယ္...ေနာ္

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

]]></b:skin>  ကုဒ္ကိုရွာပါ.... သည္ကုဒ္မွာ ျပႆနာ ခဏခဏျဖစ္ပါတယ္ ရွာမရတဲ့ျပႆနာေပါ့

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

တတ္ပါဘူး ဒါကိုက်ေနာ္တို႕ နည္းလမ္ သုံးၾကည့္ရပါတယ္    ]]></b:skin>  သည္ကုဒ္အတိုင္းရွာမရပါဘူး  သည္ေတာ့ b:skin  ဆိုတာေလးကိုဘဲ ေရးထည့္ရွာၾကည့္ပါ...

ေတြ႕မွာ ေသျခာပါတယ္ ေတြ႕တဲ့ခါ  ေဘးမွာ မွ်ားအနက္ေလးနဲ႕ ေတြ႕မယ္ အဲမွ်ားကိုကလစ္လုိက္ျခင္းျဖင့္

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

ေတြ႕ျပီဆိုတာနဲ႕  သူ႕အေပၚကပ္လွ်က္  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြ ကို copy ယူျပီးထည့္ေပးလိုက္ပါ။

                     /* X-Gen Loader */ #xgenloader-screen {z-index:999999;background:#000;width:100%;height:100%;position:fixed !important;position:absolute;top:0;right:0;bottom:0;left:0;text-shadow:none;} #bowlG{ position:relative; width:128px; height:128px;margin:20% auto; } #bowl_ringG{ position:absolute; width:128px; height:128px; border:11px solid #5C5C5C; -moz-border-radius:128px; -webkit-border-radius:128px; -ms-border-radius:128px; -o-border-radius:128px; border-radius:128px; } .ball_holderG{ position:absolute; width:34px; height:128px; left:47px; top:0px; -moz-animation-name:ball_moveG; -moz-animation-duration:1.3s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -webkit-animation-name:ball_moveG; -webkit-animation-duration:1.3s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -ms-animation-name:ball_moveG; -ms-animation-duration:1.3s; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; -o-animation-name:ball_moveG; -o-animation-duration:1.3s; -o-animation-iteration-count:infinite; -o-animation-timing-function:linear; animation-name:ball_moveG; animation-duration:1.3s; animation-iteration-count:infinite; animation-timing-function:linear; } .ballG{ position:absolute; left:0px; top:-30px; width:51px; height:51px; background:#FF0000; -moz-border-radius:43px; -webkit-border-radius:43px; -ms-border-radius:43px; -o-border-radius:43px; border-radius:43px; } @-moz-keyframes ball_moveG{ 0%{ -moz-transform:rotate(0deg)} 100%{ -moz-transform:rotate(360deg)} } @-webkit-keyframes ball_moveG{ 0%{ -webkit-transform:rotate(0deg)} 100%{ -webkit-transform:rotate(360deg)} } @-ms-keyframes ball_moveG{ 0%{ -ms-transform:rotate(0deg)} 100%{ -ms-transform:rotate(360deg)} } @-o-keyframes ball_moveG{ 0%{ -o-transform:rotate(0deg)} 100%{ -o-transform:rotate(360deg)} } @keyframes ball_moveG{ 0%{ transform:rotate(0deg)} 100%{ transform:rotate(360deg)} }

ေနာက္တဆင့္အေနနဲ႕ ကုဒ္တစ္ခု ထပ္ရွာပါ့မယ္  <body>  ကိုရွာပါ ေတြ႕တာနဲ႕ သူ႕ေအာက္က ကပ္လွ်က္ဘဲ  ေပးထားေသာ ေအာက္ကကုဒ္ေတြယူထည့္ေပးလိုက္ပါေနာ္
<!-- Start Andi-Techno.blogspot.com Loader --><script type='text/javascript'>//<![CDATA[ $(function() { setTimeout(function() { $('#xgenloader-screen').fadeOut(); }, 5000); }); //]]></script><div id='xgenloader-screen'><div id="bowlG"><div id="bowl_ringG"><div class="ball_holderG"><div class="ballG"></div></div></div></div></div><!-- End Loader -->

အိုေကပါျပီ မိမိတို႕ တက္ပလက္ကို ေဆ့လုိက္ပါေတာ့.... စိတ္မခ်ပါက preview နဲ႕စစ္ေဆးနိဳင္ပါတယ္

အေနာ္ ကေတာ့ တန္းေဆ့လိုက္တယ္  ကြက္စိဘဲ..ေိေိ...

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

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

Read More

Blog မွာ WaterEffect CSS Download Buttons ထဲ့နည္း

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

Ctrl + F အကူအညီနဲ႕ ]]></b:skin> ကိုရွာပါ၊ေတြ႕ျပီဆိုရင္

]]></b:skin> ရဲ႕အေပၚမွာ Cursor ခ်ျပီး ေအာက္ပါ Code မ်ားကူးထဲ့ျပီး Save Template
ကိုႏိုပ္ပါ။

.button{
font:15px Calibri, Arial, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
text-decoration:none !important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
padding:10px 20px;
background-repeat:no-repeat;
background-position:bottom left;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png');
background-position:bottom left, top right, 0 0, 0 0;
background-clip:border-box;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 1px #fff inset;
-webkit-box-shadow:0 0 1px #fff inset;
box-shadow:0 0 1px #fff inset;
-webkit-transition:background-position 1s;
-moz-transition:background-position 1s;
transition:background-position 1s;
}
.button:hover{
background-position:top left;
background-position:top left, bottom right, 0 0, 0 0;
}
.button:active{
bottom:-1px;
}
/* The three buttons sizes */
.button.big { font-size:30px;}
.button.medium { font-size:18px;}
.button.small { font-size:13px;}
/* BlueButton */
.blue.button{
color:#0f4b6d !important;
border:1px solid #84acc3 !important;
background-color: #48b5f2;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
-moz-linear-gradient(#4fbbf7, #3faeeb);
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}
.blue.button:hover{
background-color:#63c7fe;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
-moz-linear-gradient(#63c7fe, #58bef7);
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}
/* Green Button */
.green.button{
color:#345903 !important;
border:1px solid #96a37b !important;
background-color: #79be1e;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}
.green.button:hover{
background-color:#89d228;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}
/* Orange Button */
.orange.button{
color:#693e0a !important;
border:1px solid #bea280 !important;
background-color: #e38d27;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}
.orange.button:hover{
background-color:#ec9732;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}
/* Orange Button */
.gray.button{
color:#525252 !important;
border:1px solid #a5a5a5 !important;
background-color: #a9adb1;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}
.gray.button:hover{
background-color:#b6bbc0;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGp091ancUkLx_xLBm3_TSbXbF5l39O4kBrjtc7NWqxL2-VI8sG4tRiUHboNCTNwrRldRqZezn8cc6YRgE-KC09YEdtCpQbsj7W8Mw36Hy69hwdDub3lNpzNfm71_a2c1CAZT6GnN1b4W/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}

ေအာက္က Code ေတြကကိုယ္ပိုစ့္တင္တိုင္း Download link ေပးတဲ့ေနရာမွာသံုး
ရမဲ့ Code ေတြပါ။အဲဒီ Code ကို Notepad နဲ႕ Save ထားျပီးေနာက္ပိုင္း post တင္
တုိင္းဆက္လက္အသံုးခ်ႏိုပ္ပါျပီဗ်ာ.....

<a class="button big blue" href="Your Link" target="_blank">Live Demo</a>

<a class="button big orange" href="Your Link" target="_blank">Live Demo</a>

<a class="button big green" href="Your Link" target="_blank">Live Demo</a>

<a class="button big gray" href="Your Link" target="_blank">Live Demo</a>

အနီေရာင္ျပထားတဲ့ Blue,orange စသည္တို႕က Download button ေတြကိုအေရာင္
ေတြပါ

Your Link ေနရာမွာ Download link ထဲ့ေပးပါ

Live Demo ဆိုတဲ့ေနရာမွာ ႏွစ္သက္ရာေရးလို႕ရပါတယ္နမူနာအေနနဲ႕ Download
ရယူရန္ Click ဆိုျပီးထဲ့ျပထားပါတယ္။
                                           REF: Here 

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

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

Read More

Button Style လွလွေလးေတြ လာျပီေနာ္ ( Blogger Only )

 

မဂၤလာပါ  ဘေလာ့ခရီးသည္ ပရိတ္သတ္ၾကီးးေရ...ခုတင္တဲ့နည္းလမ္းေလးကေတာ့  မိမိတို႕ဘေလာ့ေပးမွာ   Button  လန္းလန္းေလးေတြ သုံးျခင္သေူတြအတြက္ နည္းလမ္းေကာင္းေလးပါ..

ဒါေလးကေတာ့ ၄ မ်ိဳးတင္ေပးထားပါတယ္...  အၾကီး...အလတ္...အေသး..ေသး၀ိုင္း...ဆိုတဲ့

ဆိုဒ္အရြယ္အစား  ေတြကို ခြဲျခားတယ္ျပေပးလိုက္ပါတယ္ေနာ္... လိုအပ္သူမ်ားသုံးဆြဲ နိဳင္ပါတယ္..

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

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

]]></b:skin>   သည္ကုဒ္ကိုရွာလိုက္ပါ..

 ေတြ႕ျပီဆိုတာနဲ႕ သူ႕အေပၚကကပ္ျပီး  ေအာက္ကေပးထားတဲ့ကုဒ္ေတြကိုထည့္လိုက္ပါ။

မွတ္ခ်က္  ။   ။  ကုဒ္ရွာဖို႕ ခက္ခဲေနပါက  b:skin  ေလးကိုသာ ထည့္ရွာပါ
ေနာက္ ေဘးက မွ်ားေလးကို ေျဖပါ အန္တားတခ်က္ေခါက္ပါ လိုျခင္ေသာကုဒ္ ေတြ႕ပါမယ္

.button { font: 15px Calibri, Arial, sans-serif; /* A semi-transparent text shadow */ text-shadow: 1px 1px 0 rgba(255,255,255,0.4); /* Overriding the default underline styling of the links */ text-decoration: none !important; white-space: nowrap; display: inline-block; vertical-align: baseline; position: relative; cursor: pointer; padding: 10px 20px; background-repeat: no-repeat; /* The following two rules are fallbacks, in case the browser does not support multiple backgrounds. */ background-position: bottom left; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'); /* Multiple backgrounds version. The background images are defined individually in color classes */ background-position: bottom left, top right, 0 0, 0 0; background-clip: border-box; /* Applying a default border raidus of 8px */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* A 1px highlight inside of the button */ -moz-box-shadow: 0 0 1px #fff inset; -webkit-box-shadow: 0 0 1px #fff inset; box-shadow: 0 0 1px #fff inset; /* Animating the background positions with CSS3 */ /* Currently works only in Safari/Chrome */ -webkit-transition: background-position 1s; -moz-transition: background-position 1s; transition: background-position 1s; } .button:hover { /* The first rule is a fallback, in case the browser does not support multiple backgrounds */ background-position: top left; background-position: top left, bottom right, 0 0, 0 0; } .button:active { /* Moving the button 1px to the bottom when clicked */ bottom: -1px; } /* The three buttons sizes */ .button.big { font-size: 30px; } .button.medium { font-size: 18px; } .button.small { font-size: 13px; } /* A more rounded button */ .button.rounded { -moz-border-radius: 4em; -webkit-border-radius: 4em; border-radius: 4em; } /* Defining four button colors */ /* BlueButton */ .blue.button { color: #0f4b6d !important; border: 1px solid #84acc3 !important; /* A fallback background color */ background-color: #48b5f2; /* Specifying a version with gradients according to */ background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -moz-radial-gradient( center bottom, circle, rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px), -moz-linear-gradient(#4fbbf7, #3faeeb); background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100, from(rgba(89,208,244,1)), to(rgba(89,208,244,0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb)); } .blue.button:hover { background-color: #63c7fe; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -moz-radial-gradient( center bottom, circle, rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px), -moz-linear-gradient(#63c7fe, #58bef7); background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100, from(rgba(109,217,250,1)), to(rgba(109,217,250,0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7)); } /* Green Button */ .green.button { color: #345903 !important; border: 1px solid #96a37b !important; background-color: #79be1e; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317); background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317)); } .green.button:hover { background-color: #89d228; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e); background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e)); } /* Orange Button */ .orange.button { color: #693e0a !important; border: 1px solid #bea280 !important; background-color: #e38d27; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f); background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f)); } .orange.button:hover { background-color: #ec9732; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b); background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b)); } .gray.button { color: #525252 !important; border: 1px solid #a5a5a5 !important; background-color: #a9adb1; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c); background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c)); } .gray.button:hover { background-color: #b6bbc0; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9); background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLF2DHsuSQoICIAK5BQxWGBu12InGBBGwl4FzOp2RN6NtPE074HM8Ld_QzAc5vU4Z-OLtW2onFow5oo0OK2HpKuKFZFiAblHEU3N5l4uPVTgXaGzrT_MRtFXd5iqLI99aHgxfr9jEF0k/s1600/helperblogger-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9)); }

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

Big Buttons :

<a href="LINK HERE" class="button big blue">TEXT HERE</a><a href="LINK HERE" class="button big green">TEXT HERE</a><a href="LINK HERE" class="button big orange">TEXT HERE</a><a href="LINK HERE" class="button big gray">TEXT HERE</a>

 Medium Buttons :

<a href="LINK HERE" class="button medium blue">TEXT HERE</a>
<a href="LINK HERE" class="button medium green">TEXT HERE</a>
<a href="LINK HERE" class="button medium orange">TEXT HERE</a>
<a href="LINK HERE" class="button medium gray">TEXT HERE</a>

 Small Buttons :

<a href="LINK HERE" class="button small blue">TEXT HERE</a>
<a href="LINK HERE" class="button small green">TEXT HERE</a>
<a href="LINK HERE" class="button small orange">TEXT HERE</a>
<a href="LINK HERE" class="button small gray">TEXT HERE</a>

Small Rounded Buttons :

<a href="LINK HERE" class="button small blue rounded">TEXT HERE</a>
<a href="LINK HERE" class="button small green rounded">TEXT HERE</a>
<a href="LINK HERE" class="button small orange rounded">TEXT HERE</a>
<a href="LINK HERE" class="button small gray rounded">TEXT HERE</a>

   မွတ္ခ်က္    ။     ။     LINK HERE    ေနာမွာ မိိမိတို႕ ညႊန္ေသာလင့္ ထည့္ပါ။

TEXT HERE      ေနရာမွာ မိမိတို႕ ေရးလိုေသာ စာသားကိုေရးပါ။

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

***************************************

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

Read More

Button စတိုင္လွလွေလးေတြ သုံးမယ္ဆိုရင္ ( Blogger Only )

 

 ကဲဗ်ာ   မိမိတို႕ေဘလာ့မွာ   ခုလို လွပေသသပ္တဲ့   Button  လွလွေလးေတြကို သုံးလိုပါက...နည္းလမ္းေလးကိုမွ်ေ၀ခံစားလုိက္ပါျပီေနာ္... လုပ္နည္းနဲ႕  လိုအပ္တဲ့ ကုဒ္ေတြကို ေအာက္မွာ ေလ့လာလိုက္ပါေနာ္.....

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

]]></b:skin>    ဆိုတာကိုရွာလိုက္ပါ...တကယ္လို႕မေတြ႕ခဲ့ရင္  b:skin   ကိုရွာပါ

ဘာလို႕လဲဆိုောတ့ တခ်ိဳ႕ကုဒ္ေတြကို  စာတိုင္မွာ မွ်ားအမည္းေလးနဲ႕  ေခါက္ထားတတ္လို႕ပါ... က်ေနာ္ လက္ေတြ႕ရွာ ၾကည့္တာေတာ့   ]]></b:skin> 

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

/* Exciting Round Buttons By YOURPCGENIE.NET*/ .excitinground{ background: rgba(0, 0, 0, .08); display: inline-block; padding: 5px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } .excitinground a { color: #fff; border: 1px solid rgba(0, 0, 0, .3); display: inline-block; padding: .6em 1.2em; position: relative; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); } .excitinground a.red { background: #c60000; background: linear-gradient(top, #c60000 0%, #b20000 100%); background: -moz-linear-gradient(top, #c60000 0%, #b20000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c60000), color-stop(100%, #b20000)); background: -webkit-linear-gradient(top, #c60000 0%, #b20000 100%); } .excitinground a.orange { background: #f99015; background: linear-gradient(top, #f99015 0%, #f76c0f 100%); background: -moz-linear-gradient(top, #f99015 0%, #f76c0f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f99015), color-stop(100%,#f76c0f)); background: -webkit-linear-gradient(top, #f99015 0%,#f76c0f 100%); } .excitinground a.green { background: #30a146; background: linear-gradient(top, #30a146 0%, #249334 100%); background: -moz-linear-gradient(top, #30a146 0%, #249334 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #30a146), color-stop(100%, #249334)); background: -webkit-linear-gradient(top, #30a146 0%, #249334 100%); } .excitinground a.blue { background: #16a4c8; background: linear-gradient(top, #16a4c8 0%, #1086b6 100%); background: -moz-linear-gradient(top, #16a4c8 0%, #1086b6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #16a4c8), color-stop(100%, #1086b6)); background: -webkit-linear-gradient(top, #16a4c8 0%, #1086b6 100%); } .excitinground a.gray { background: #c2c2c2; background: linear-gradient(top, #c2c2c2 0%, #aeaeae 100%); background: -moz-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2c2c2), color-stop(100%, #aeaeae)); background: -webkit-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%); } .excitinground a.dark { background: #464646; background: linear-gradient(top, #464646 0%, #343434 100%); background: -moz-linear-gradient(top, #464646 0%, #343434 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #343434)); background: -webkit-linear-gradient(top, #464646 0%, #343434 100%); } .excitinground a:hover, .excitinground:hover { color: #fff; opacity: .7 }

   ကဲ  မိမိတို႕အသုံးလိုတိုင္း  လိုအပ္တဲ့ ကာလာနဲ႕ လိုအပ္သလို ေအာက္မွာ ယူသုံးနိဳင္ၾကပါျပီေနာ္။

<span class="excitinground"><a class="red" href="http://www.aungsanmks.com/">YOUR TEXT</a></span>

<span class="excitinground"><a class="orange" href="http://www.aungsanmks.com/">YOUR TEXT</a></span>

<span class="excitinground"><a class="green" href="http://www.aungsanmks.com/">YOUR TEXT</a></span>

<span class="excitinground"><a class="blue" href="http://www.aungsanmks.com/">YOUR TEXT</a></span>

<span class="excitinground"><a class="gray" href="http://www.aungsanmks.com/">YOUR TEXT</a></span>

<span class="excitinground"><a class="dark" href="http://www.aungsanmks.com/">YOUR TEXT</a></span>

  မွတ္ခ်က္   ။     ။ http://www.aungsanmks.com/ ေနရာမွာ မိမိတို႕ လင့္အစားထိုးပါ

                       YOUR TEXT  ေနရာမွာ button  ေပၚတင္လိုေသာ စာသားေရးပါ။

အဆက္ေျပၾကပါေစလို႕ ဆုေတာင္းရင္း   ေလးစားစြာျဖင့္

လာလည္နိဳင္ေသာ က်ေနာ့္ေနရာေလးမ်ား ***************************************

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

Read More

လင့္ေတြကို Rollover Button ေလးနဲ႕သုံးျခင္ရင္

သည္နည္းေလးေကတာ့ မိမိတို႕ဘေလာ့လင့္ေတြကို  ပုံစံဒီဇိုင္းေလးတစ္မ်ိဳးနဲ႕ ေရးနည္းပါ...
ဒါေလးကေတာ့ ပို႕စ္စာမ်က္ႏွာမွာ  ေရးနိဳင္သလို  ဆိုဒ္ဘား Java/Script မွာလဲ အသုံးျပဳနိဳင္ပါတယ္.. အဆင္ေျပတဲ့နည္းလမ္းေလးတစ္ခုပါ..ပုံမွာ ျပထားသလို ကြ်န္ေတာ့ဆိုဒ္မွာ ေရးထားတာေလးေတြပါ... Layout ကေန  Html/Javascript ကိုထည့္ထားတဲ့ အေပၚပုံပါ.. ဘယ္ကိုဘဲ လင့္ညႊန္ပါေစ သူ႕ဇယားေလးနဲ႕သူ လွလွပပ ေသသပ္ေနတာ ၾကည့္ေကာင္းတာေပါ့...

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

အသုံးျပဳရန္ကုဒ္.....

<form action="http://www.ledimye.blogspot.com/" target="_blank" method="GET">
<input type="submit" value="လယ္တီေျမသားမွၾကိဳဆိုပါ၏">
</form>

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

လာလည္ပါေနာ္ ***************************************

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

Read More

ဘေလာ့ ဖြင့္ဖြင့္ခ်င္း Loading Blog ဆိုတဲ့ စတိုင္ေလးကို CSS3 နဲ႕ ဖန္တီးၾကမယ္-(၁)

မဂၤလာပါ  သည္ေန႕ ေရးျဖစ္တာေလးကေတာ့ မိမိတို႕ဘေလာ့မွာ ဖြင့္ဖြင့္ျခင္း loader ပုံေလး လည္ေနတာ

ကို အလွဆင္ ထည့္ျခင္ပါက နည္းလမ္းေလးဘဲ ျဖစ္ပါတယ္.. သည္နည္းလမ္းေလးကို ပုံစံ.. ၆ မ်ိဳးတဲ႕

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

ဘာမွေတာ့ အေထာက္အကူမျပဳေပမယ့္  ၀င္၀င္ျခင္း လွပတဲ့ loader ေလးကို ျမင္ရတာေပါ့  ဟီးးးးးးးးးးး

ထည့္နည္းကလည္းသိပ္မခက္ခဲပါဘူးေနာ္  ေအာက္မွာ ေသျခာ ရွင္းျပထားပါတယ္...

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

]]></b:skin>  ကုဒ္ကိုရွာပါ.... သည္ကုဒ္မွာ ျပႆနာ ခဏခဏျဖစ္ပါတယ္ ရွာမရတဲ့ျပႆနာေပါ့

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

တတ္ပါဘူး ဒါကိုက်ေနာ္တို႕ နည္းလမ္ သုံးၾကည့္ရပါတယ္    ]]></b:skin>  သည္ကုဒ္အတိုင္းရွာမရပါဘူး  သည္ေတာ့ b:skin  ဆိုတာေလးကိုဘဲ ေရးထည့္ရွာၾကည့္ပါ...

ေတြ႕မွာ ေသျခာပါတယ္ ေတြ႕တဲ့ခါ  ေဘးမွာ မွ်ားအနက္ေလးနဲ႕ ေတြ႕မယ္ အဲမွ်ားကိုကလစ္လုိက္ျခင္းျဖင့္

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

ေတြ႕ျပီဆိုတာနဲ႕  သူ႕အေပၚကပ္လွ်က္  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြ ကို copy ယူျပီးထည့္ေပးလိုက္ပါ။

                  /* X-Gen Loader */ #xgenloader-screen {z-index:999999;background:#000;width:100%;height:100%;position:fixed !important;position:absolute;top:0;right:0;bottom:0;left:0;text-shadow:none;} /* DEMO 1 */ #horizontal-load body:after { content: ""; z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.5)); background: -moz-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.5)); background: -ms-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.5)); background: -o-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.5)); background: radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.5)); } #horizontal-load .bar { font-size: 20px; width: 10em; height: 1em; position: relative; margin: 100px auto; border-radius: .5em; background: rgba(255,255,255,0.6); box-shadow: 0 0 0 .05em rgba(100,100,100,0.075), 0 0 0 .25em rgba(0,0,0,0.1), inset 0 .1em .05em rgba(0,0,0,0.1), 0 .05em rgba(255,255,255,0.7); } #horizontal-load .bar:after { content: "Please wait."; position: absolute; left: 25%; top: 150%; font-family: 'Carrois Gothic', sans-serif; font-size: 1em; color: #555; text-shadow: 0 .05em rgba(255,255,255,0.7); } #horizontal-load .bar .sphere { border-radius: 50%; width: 1em; height: 100%; background: -webkit-linear-gradient(#eee, #ddd); background: -moz-linear-gradient(#eee, #ddd); background: -ms-linear-gradient(#eee, #ddd); background: -o-linear-gradient(#eee, #ddd); background: linear-gradient(#eee, #ddd); box-shadow: inset 0 .15em .1em rgba(255,255,255,0.3), inset 0 -.1em .15em rgba(0,0,0,0.15), 0 0 .25em rgba(0,0,0,0.3); display: block; -webkit-animation: slide 1.75s ease-in-out infinite alternate; -moz-animation: slide 1.75s ease-in-out infinite alternate; -ms-animation: slide 1.75s ease-in-out infinite alternate; -o-animation: slide 1.75s ease-in-out infinite alternate; animation: slide 1.75s ease-in-out infinite alternate; } @-webkit-keyframes slide { to { margin-left: 90%; } } @-moz-keyframes slide { to { margin-left: 90%; } } @-ms-keyframes slide { to { margin-left: 90%; } } @-o-keyframes slide { to { margin-left: 90%; } } @keyframes slide { to { margin-left: 90%; } }

ေနာက္တဆင့္အေနနဲ႕ ကုဒ္တစ္ခု ထပ္ရွာပါ့မယ္  <body>  ကိုရွာပါ ေတြ႕တာနဲ႕ သူ႕ေအာက္က ကပ္လွ်က္ဘဲ  ေပးထားေသာ ေအာက္ကကုဒ္ေတြယူထည့္ေပးလိုက္ပါေနာ္

                        <!-- Start Andi-Techno.blogspot.com Loader --><script type='text/javascript'>//<![CDATA[ $(function() { setTimeout(function() { $('#xgenloader-screen').fadeOut(); }, 5000); }); //]]></script><div id='xgenloader-screen'><div id="horizontal-load"><div class="bar"><i class="sphere"></i></div></div></div><!-- End Loader -->

အိုေကပါျပီ မိမိတို႕ တက္ပလက္ကို ေဆ့လုိက္ပါေတာ့.... စိတ္မခ်ပါက preview နဲ႕စစ္ေဆးနိဳင္ပါတယ္

အေနာ္ ကေတာ့ တန္းေဆ့လိုက္တယ္  ကြက္စိဘဲ..ေိေိ...

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

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

Read More

ဘေလာ့ ဖြင့္ဖြင့္ခ်င္း Loading Blog ဆိုတဲ့ စတိုင္ေလးကို CSS3 နဲ႕ ဖန္တီးၾကမယ္-( ၂ )

မဂၤလာပါ  သည္ေန႕ ေရးျဖစ္တာေလးကေတာ့ မိမိတို႕ဘေလာ့မွာ ဖြင့္ဖြင့္ျခင္း loader ပုံေလး လည္ေနတာ

ကို အလွဆင္ ထည့္ျခင္ပါက နည္းလမ္းေလးဘဲ ျဖစ္ပါတယ္.. သည္နည္းလမ္းေလးကို ပုံစံ.. ၆ မ်ိဳးတဲ႕

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

ဘာမွေတာ့ အေထာက္အကူမျပဳေပမယ့္  ၀င္၀င္ျခင္း လွပတဲ့ loader ေလးကို ျမင္ရတာေပါ့  ဟီးးးးးးးးးးး

ထည့္နည္းကလည္းသိပ္မခက္ခဲပါဘူးေနာ္  ေအာက္မွာ ေသျခာ ရွင္းျပထားပါတယ္...ဒါေလးက style 2 ပုံစံေလးျဖစ္ပါတယ္...ေနာ္

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

]]></b:skin>  ကုဒ္ကိုရွာပါ.... သည္ကုဒ္မွာ ျပႆနာ ခဏခဏျဖစ္ပါတယ္ ရွာမရတဲ့ျပႆနာေပါ့

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

တတ္ပါဘူး ဒါကိုက်ေနာ္တို႕ နည္းလမ္ သုံးၾကည့္ရပါတယ္    ]]></b:skin>  သည္ကုဒ္အတိုင္းရွာမရပါဘူး  သည္ေတာ့ b:skin  ဆိုတာေလးကိုဘဲ ေရးထည့္ရွာၾကည့္ပါ...

ေတြ႕မွာ ေသျခာပါတယ္ ေတြ႕တဲ့ခါ  ေဘးမွာ မွ်ားအနက္ေလးနဲ႕ ေတြ႕မယ္ အဲမွ်ားကိုကလစ္လုိက္ျခင္းျဖင့္

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

ေတြ႕ျပီဆိုတာနဲ႕  သူ႕အေပၚကပ္လွ်က္  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြ ကို copy ယူျပီးထည့္ေပးလိုက္ပါ။

            /* X-Gen Loader */ #xgenloader-screen {z-index:999999;background:#000;width:100%;height:100%;position:fixed !important;position:absolute;top:0;right:0;bottom:0;left:0;text-shadow:none;} #load2 body { background-image: url(../images/hexabump.png); background-color: #222; } #load2 body:after { content: ""; z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.75)); background: -moz-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.75)); background: -ms-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.75)); background: -o-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.75)); background: radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.75)); } #load2 .spinner { position: relative; font-size: 100px; width: 1em; height: 1em; margin: 100px auto; border-radius: 50%; background: #123456; box-shadow: inset 0 0 0 .12em rgba(0,0,0,0.2), 0 0 0 .12em rgba(255,255,255,0.1); background: -webkit-linear-gradient(#ea2d0e 50%, #fcd883 50%), -webkit-linear-gradient(#fcd883 50%, #ea2d0e 50%); background: -moz-linear-gradient(#ea2d0e 50%, #ffdd72 50%), -moz-linear-gradient(#ffdd72 50%, #ea2d0e 50%); background: -ms-linear-gradient(#ea2d0e 50%, #ffdd72 50%), -ms-linear-gradient(#ffdd72 50%, #ea2d0e 50%); background: -o-linear-gradient(#ea2d0e 50%, #ffdd72 50%), -o-linear-gradient(#ffdd72 50%, #ea2d0e 50%); background: linear-gradient(#ea2d0e 50%, #ffdd72 50%), linear-gradient(#ffdd72 50%, #ea2d0e 50%); background-size: 50% 100%, 50% 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; opacity: 0.7; -webkit-animation: mask 3s infinite alternate; -moz-animation: mask 3s infinite alternate; -ms-animation: mask 3s infinite alternate; -o-animation: mask 3s infinite alternate; animation: mask 3s infinite alternate; } @-webkit-keyframes mask { 25% { -webkit-transform: rotate(270deg); } 50% { -webkit-transform: rotate( 90deg); } 75% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(180deg); } } @-moz-keyframes mask { 25% { -moz-transform: rotate(270deg); } 50% { -moz-transform: rotate( 90deg); } 75% { -moz-transform: rotate(360deg); } 100% { -moz-transform: rotate(180deg); } } @-ms-keyframes mask { 25% { -ms-transform: rotate(270deg); } 50% { -ms-transform: rotate( 90deg); } 75% { -ms-transform: rotate(360deg); } 100% { -ms-transform: rotate(180deg); } } @-o-keyframes mask { 25% { -o-transform: rotate(270deg); } 50% { -o-transform: rotate( 90deg); } 75% { -o-transform: rotate(360deg); } 100% { -o-transform: rotate(180deg); } } @keyframes mask { 25% { transform: rotate(270deg); } 50% { transform: rotate( 90deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(180deg); } }

ေနာက္တဆင့္အေနနဲ႕ ကုဒ္တစ္ခု ထပ္ရွာပါ့မယ္  <body>  ကိုရွာပါ ေတြ႕တာနဲ႕ သူ႕ေအာက္က ကပ္လွ်က္ဘဲ  ေပးထားေသာ ေအာက္ကကုဒ္ေတြယူထည့္ေပးလိုက္ပါေနာ္

                 <!-- Start Andi-Techno.blogspot.com Loader --><script type='text/javascript'>//<![CDATA[ $(function() { setTimeout(function() { $('#xgenloader-screen').fadeOut(); }, 5000); }); //]]></script><div id='xgenloader-screen'><div id="load2"><div class="spinner"> <i class="sphere"></i></div></div></div><!-- End Loader -->

အိုေကပါျပီ မိမိတို႕ တက္ပလက္ကို ေဆ့လုိက္ပါေတာ့.... စိတ္မခ်ပါက preview နဲ႕စစ္ေဆးနိဳင္ပါတယ္

အေနာ္ ကေတာ့ တန္းေဆ့လိုက္တယ္  ကြက္စိဘဲ..ေိေိ...

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

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

Read More

ဘေလာ့မွာ Zawgyi နဲ႕ Unicode ခ်ိန္းတဲ့ ေဘာက္ေလးထည့္နည္း

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

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

ဒါေလးကေတာ့  မိမိတို႕ဘေလာ့မွာ  ေဖါင့္ႏွစ္မ်ိဳး စလုံး အသုံးျပဳ နိဳင္တဲ့ နည္းလမ္ေလးျဖစ္ပါတယ္...

zawgyi   သို႕မဟုတ္   unicode  ကိုခ်ိန္းျပီး အသုံးျပဳလြယ္ကူေစရန္ ဖန္တီးထားတဲ့ Font Chnager ေလးဆုိပါစို႕ေနာ္...  ကုဒ္ေလး ဘဲထည့္လုိက္တာနဲ႕ အိုေကပါျပီ။

     ထည့္နည္းနဲ႕  ထည့္ရန္ကုဒ္     

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

<script type="text/javascript" src="http://yourjavascript.com/10019142125/kp3family.txt.js"></script>

ဒါဆိုမိမိတို႕ဘေလာ့ အေပၚမွာ ေဖါင့္ခ်ိန္း ဖို႕ေဘာ္ကေလး က်လာမွာျဖစ္ပါတယ္...အဆင္ေျပမွာပါေနာ္.

အဆင္မေျပျဖစ္ခဲ့ပါက  ခ်က္ေဘာက္ကေန ေအာ္ခဲ့ပါေနာ္..

ကြ်န္ေတာ့္ရဲ႕ ျမင္ဆရာ kp3 ကေနမွတ္သားထားတာေလးပါ။

ဘေလာ့ခရီးသည္

www.aungsanmks.com

Read More

Upload တင္နည္း ႏွင့္ Downlaod Link ျပန္ခ်ေပးနည္း ( PDF )

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

စာအုပ္ ေဒါင္းယူလိုပါက

Downlaod  From Mediafire  Link

( OR )

Downlaod From Dropbox  Link

ဘေလာ့ခရီးသည္

www.aungsanmks.com

Read More

ဘေလာ့ခရီးသည္ ႏွင့္ အျခားဆိုဒ္စုံ APK ေလးပါ.. ( For Android Ph User )

 

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

သည္တခါေတာ့ အတတ္နိဳင္ဆုံး စုံစုံလင္လင္ ျဖစ္ေစ၇န္  ျပင္ဆင္ထားပါတယ္....

 ပါ၀င္ေသာ ဆိုဒ္မ်ားကေတာ့

(၁) စာအုပ္စာေပဆိုဒ္မ်ား

(၂) နည္းပညာဆိုဒ္မ်ား

(၃) သတင္းမီဒီယာဆိုဒ္မ်ား

(၄) သီခ်င္းဆိုဒ္မ်ား

(၅) အားကစားဆိုဒ္မ်ား

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

ဘေလာ့ခရီးသည္ APK ေဒါင္းရန္

DOWNLAOD   WITH  MEDIAFIRE

(OR)

DOWNLAOD   WITH ZIPPYSHARE

 (OR)

DOWNLOAD    WITH  DROPBOX

(OR)

DOWNLAOD   WITH  COPY  

အစစ အဆင္ေျပပါေစလို႕ ဆုေတာင္းလွ်က္

ဘေလာ့ခရီးသည္

www.aungsanmks.com 

Read More

Facebook ကာတြန္း အေရာင္ ၁၀ မ်ဳိးတင္ေပးလိုက္ပါတယ္ေနာ္

အျမင္ဆန္းဆန္းေလးနဲ႔ လန္းခ်င္ေသာ သူငယ္ခ်င္းမ်ားအတြက္ Facebook ကာတြန္း ၁၀ ခုတင္ေပးလိုက္ပါတယ္။ Facebook ေဆာ့ဝဲလ္နာမည္အလိုက္ ေအာက္မွာ Download ရယူႏိုင္ပါတယ္။
မွတ္ခ်က္။ ။ယခုလက္႐ွိ အသံုးျပဳေနေသာ Facebook ေဆာ့ဝဲလ္ကို အရင္ျပစ္ထုတ္ (Uninstall) ၿပီးမွ ထည့္သြင္း (Install) ေပးပါ။


( 1 ) Download Facebook Chelsea

( 2 ) Download Facebook Conan

( 3 ) Download Facebook MickyMouse

( 4 ) Download Facebook Minion

( 5 ) Download Facebook Onepiece

( 6 ) Download Facebook Reborn

( 7 ) Download Facebook Stitch

( 8 ) Download Facebook Kuma

( 9 ) Download Facebook Kitty

(10 ) Download Facebook Doraemon


ေဆာ့ဝဲလမ္းညြန္ ရဲ႕ တင္ထားတဲ့Apkေလးပါ က်ေနာ္သူငယ္ခ်င္းအတြက္ျပန္မၽွေဝတာပါ

အားလံုးပဲးအဆင္ေျပၾကပါေစ

KyawOo (နည္းပညာ)

Read More

ဘေလာ့မွာ စာမ်က္ႏွာ လွလွေလးေတြ ထားၾကမယ္ေနာ္..လြယ္ကူတဲ့နည္းေလးေပါ့

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

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

အဆင့္ ( ၁  )     အေနနဲ႕  မိမိတို႕ ဘေလာ့ကာရဲ႕ Html  Code  ေတြထဲေရာက္တာနဲ႕..လိုအပ္တာေတြ ဆက္လုပ္ၾကပါမယ္ေနာ္...

ကုဒ္ေတြထဲမွာ ေမာက္တခ်က္ခ်ကလစ္ပါေနာက္  Ctrl + F ဆိုတာတြဲကလစ္လိုက္ပါ..
ကုဒ္ေတြရဲ႕ ညာအေပၚေထာင့္မွာ  Search Box  ေလးတခုကိုေတြ႕ရမွာျဖစ္ပါတယ္..
အဲေဘာက္ထဲမွာ  ေအာက္ကရွာခိုင္းတဲ့ကုဒ္ကို ထည့္ျပီး Enter ေခါက္ရွာလုိက္ပါေနာ္...
</body>  ဆိုတဲ့ကုဒ္ေလးကို ထည့္ျပီးရွာလိုက္ပါ..ေတြ႕ျပီဆိုတာနဲ႕ ေအာက္ကပုံေလးတိုင္း
ေပးထားတဲ့ကုဒ္ေတြကို  </body>  ရဲ႕ေအာက္မွာ ကပ္ထည့္ေပးလိုက္ပါ။

    ထည့္ရန္အတြက္ကုဒ္မ်ား   

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=7;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
  <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

 သည္ပုံေလးအတိုင္း လုပ္လိုက္ပါေနာ္

ျပီးတာနဲ႕   Save Template  ဆိုတာကလစ္ေဆ့ေပးလိုက္ပါေနာ္။

 အဆင့္   (  ၂  )   အေနနဲ႕ကေတာ့ ေနာက္ထပ္  ဘေလာ့ရဲ႕ စာမ်က္ႏွာ ကုဒ္ေတြ ဒီဇိုင္းေတြ ဆိုင္ရာ ထည့္ရမွာျဖစ္ပါတယ္..။ေအာက္ကတိုင္းေပါ့
 မိမိတို႕ ကုဒ္ေတြထဲက  ကုဒ္တစ္ခုကို ထပ္ရွာရမွာျဖစ္ပါတယ္ ရွာရမဲ့ကုဒ္နဲ႕ ရွာနည္းကို ရွင္းျပပါ့မယ္..

]]></b:skin>  ဆိုတဲ့ကုဒ္ေလးကို အေပၚကရွာတဲ့အတိုင္း Search  Box  ထဲမွာထည့္ရွာရမွာပါ..
သည္ကုဒ္ေလးရွာတဲံအခါသတိထားေစလိုပါတယ္..ေတာ္ေတာ္ မ်ားမ်ားက ရွာမေတြ႕တတ္ၾကပါဘူး ဒါကလည္း ခုေနာက္ပိုင္း ကုဒ္ေတြ ေခါက္ထားတဲ့  ျပသနာေလးေၾကာင့္ဘဲျဖစ္ပါတယ္.. အဲတာကိုရွင္းျပမယ္ေနာ္..  ရွာတဲ့အခါ    b:skin   ေလးကိုဘဲ ေရးထည့္ရွာပါ။ အဲခါမွာ ေတြ႕လာတဲ့ကုဒ္ေရွ႕မွာ  မွ်ားအမည္းေလးကိုေတြ႕မယ္ အဲတာ က်ေနာ္တို႕လိုျခင္တဲ့ကုဒ္ကို ေခါက္ထားတဲ့ မွ်ားေလးပါ သူ႕ကိုကလစ္ျပီး ေျဖေပးလိုက္ပါ..
အိုေက ဒါဆို Search Box မွာ ေမာက္တခ်က္ကလစ္ Enter  တခ်က္ထပ္ေခါက္လိုက္ပါ..
ဒါဆို က်ေနာ္တို႕လိုျခင္တဲ့  ]]></b:skin>   ကုဒ္  တိုင္းေတြ႕ရပါျပီ....။
ေတြ႕တာနဲ႕ သူ႕အေပၚမွာကပ္လွ်က္  ေအာက္က မိမိတို႕ ၾကိဳက္တဲ့ ဒီဇိုင္း ပုံစံ  နံပါတ္ ( ၁ )...( ၂ )...( ၃  )
ထဲက ၾကိဳက္ရာပုံစံရဲ႕ ေပးထားတဲ့ ေဘာက္ေလးထဲက ကုဒ္ကို ထည့္ေပးလိုက္ယုံပါဘဲဗ်ာ...
ပုံေလးကို ၾကည့္လိုက္ပါ

 ျပီးတာနဲ႕  မိမိတို႕ Template  ကို Save  နိဳင္ပါျပီေနာ္...အဆင္ေျပမယ္ဆိုတာ ယုံပါတယ္..
စတိုင္ေတြရဲ႕ ကုဒ္ေတြေအာက္မွာ ယူလိုက္ပါ.. အဆင့္ ( ၂ ) မွာ ထည့္ရမဲ့ ကုဒ္ေတြေနာ္...

    ထည့္ရန္အတြက္ကုဒ္မ်ား   

ဒါေလးကေတာ့ ကြ်န္ေနာ္ကိုယ္တိုင္သုံးထားတဲ့  Style ( 1 ) ပုံစံေလးပါ

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; } .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;} #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;} .showpageOf{display:none!important} #blog-pager .pages{border:none;}  

 ေနာက္ထပ္ စတိုင္ပုံစံ  ( ၂ ) အေနအထားေလးပါေနာ္

 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;} #blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;} .showpageOf{display:none!important} #blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}  

ဒါကေတာ့ စတိုင္ေလးေနာက္တခု ပုံစံ  ( ၃ )  ေပါ့ဗ်ာ.

  #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; } .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;} #blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;} .showpageOf{display:none!important} #blog-pager .pages{border:none;}  

 အားလုံး အဆင္ေျပ ၾကပါေစလို႕ ဆုေတာင္းလွ်က္

ဘေလာ့ခရီးသည္

www.aungsanmks.com

ဆင္မေျပပါက ခ်က္ေဘာက္မွာ ေအာ္ခဲ့ပါ။

Read More