Call Yangonthar Phone Number: 083-111-8534(thai)
  • Youtube Video

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
    Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    See All Features
  • Image With Text

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
    Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    See All Features

Tab Menu Circle Style လွလွေလးေနာ္ ( Blogger Only )



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

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

 ]]></b:skin>  သည္ကုဒ္ိကုရွာပါ ေတြ႕ျပီဆိုတာနဲ႕  သူ႕အေပၚကပ္လွ်က္  ေပးထားတဲ့ ေအာက္ကကုဒ္ေတြကို  ထည့္ရမွာ ျဖစ္ပါတယ္...



ထည့္ျပီး ေဆ့လို႕ရပါျပီ... တစ္ခု အၾကံျပဳပါရေစ...

 ေနာက္တဆင့္အေနနဲ႕ကေတာ့......
ဘေလာ့ကာကို၀င္လိုက္ပါ.. Layout  ကိုသြား Add a gadget  ကိုကလစ္ပါ...

 html/java script  ကိုကလစ္ က်လာတဲ့ေဘာက္မွာ ေအာက္ကကုဒ္ေတြထည့္လိုက္ပါ..

<div class="circlemenu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Download</span></a></li>
<li><a href="h#"><span>CSS</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="http://www.s2free.blogspot.com/"><span>Contact Us</span></a></li>
</ul>
</div>

မိမိတို႕ လိုသေလာက္ တိုးနိဳင္ပါတယ္...ပြါးးနိဳင္ပါတယ္..

  မွတ္ခ်က္အေနနဲ႕ ေျပာျခင္တာကေတာ့........။       ။.........ကုဒ္ထဲမွာ ၾကည့္လိုက္ပါ ..ေနာ္

width  100px
hight  100px ဆိုတာေတြကမယ္..အဲတာ  မိမိတို႕ မယ္ညဳ botton ေလးရဲ႕ အရြယ္အစားပါ...အဲတာကို အရမ္းၾကီးေနရင္
သည္ေနရာျပန္၀င္ျပီး  ျပဳျပင္ေပးလိုက္ပါ...ေလွ်ာ့ခ်ျပီး  Preview Template နဲ႕ျပန္ျပန္ၾကည့္ရင္း
စိတ္ၾကိဳက္ အရြယ္ရလာတာနဲ႕ ေဆ့နိဳင္ပါတယ္...တျခား ေနာက္ခံကာလာေတြ  ၀ိတ္ေတြလဲ ျပဳျပင္နိဳင္တာေတြပါပါတယ္.... ကုဒ္ထဲမွာ ေသချာ ၾကည့္ျပီး  ေလ့လာ လုိက္ပါေနာ္..
အဆင္ေျပပါေစ

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

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

ဘေလာ့မွာတင္ေသာ ပုံမ်ားကို လည္ပါတ္ေနေအာင္ လုပ္ေဆာင္နည္း ( ၂ ) နည္း

Alternate Text 

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

နံပါတ္ ( ၁ ) နည္းလမ္း
================
ကဲစမယ္ေနာ္  ပထမဆုံး မိမိတို႕ ဘေလာ့ကာ sing in ၀င္လိုက္ပါ.. ေနာက္ Template ကိုသြားလိုက္ပါ... 
HTML ထဲကို ၀င္ၾကရမွာ ျဖစ္ပါတယ္... အိုေက ဒါေတာ့ လူတိုင္းသိေနေတာ့ ပုံေတြ မရွင္းေတာ့ပါဘူးေနာ္.
၀င္လုိက္တာ နဲ႕ ကုဒ္ေတြထဲကို ေမာက္တခ်က္ခ်ကလစ္ ေနာက္  Ctrl + F တြဲကလစ္လိုက္ပါ ညာအေပၚေထာင့္မွာ search box ေလးက်ေနတာေတြ႕မယ္.....ေနာ္ အဲထဲမွာ
]]></b:skin>  ကုဒ္ကိုထည့္ လိုက္ပါ ရွာရမွာျဖစ္ပါတယ္
ေတြ႕ျပီဆိုတာနဲ႕ သူ႕အေပၚကကပ္ျပီး ေအာက္က ေပးထားတဲ့ ကုဒ္ေတြ ထည့္ေပးလိုက္ပါ
 ►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ..
►5- Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
 
မွတ္ခ်က္....။       ။    သည္ကုဒ္သည္ မိမိဘေလာ့ တင္ထားသမွ် ပုံအားလုံးနဲ႕ သက္ဆိုင္ပါတယ္..
သူထည့္လိုက္တာနဲ႕ ပုံအားလုံး ကို ေမာက္ထိတာနဲ႕ လည္ေနပါမည္။

img {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
img:hover {
-webkit-transform:rotate(1080deg);
-moz-transform: rotate(1080deg);
-o-transform:  rotate(1080deg);
-ms-transform: rotate(1080deg);
transform: rotate(1080deg);
}

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


   b:skin    ေလးကိုဘဲ ထည့္ရွာလိုက္ပါေအာက္မွာ ပုံေတြနဲ႕ျပထားတယ္

အိုေက ေတြ႕တဲ့အတိုင္း မွ်ားအနက္ေလးကို ကလစ္ေျဖလိုက္ပါ  အိုေက ေအာက္နားေျဖးေျဖးခ်င္း ဆြဲခ်လိုက္ပါ  ဒါမွမဟုတ္ enter ေခါက္ေပးပါ ]]></b:skin>  ဆိုတာ ေတြ႕လာမယ္  အိုေက ဒါဆို ကုဒ္ေတြ ထည့္ဖို႕ ရွာခိုင္းတဲ့ ေနရာ ရျပီေပါ့ေနာ္... သူ႕အေပၚကကပ္ျပီး ေပးထားတဲ့ ကုဒ္ေတြကို ထည့္လိုက္ပါ.....


နံပါတ္  ( ၂ ) နည္းလမ္း 
=============
ေနာက္ တနည္းကေတာ့.... ဘေလာ့ရဲ႕ ပုံအားလုံးနဲ႕ မသက္ဆိုင္ဘဲ တင္ျခင္တဲ့ လည္ေစျခင္တဲ့ ပုံကိုမွ လည္ေအာင္ တင္နည္းေလးပါ။။
ကုဒ္ရွာနည္းနဲ႕ ထည့္နည္းကေတာ့ အေပၚကတိုင္းပါဘဲ...ေနာ္   
Ctrl  + F ကိုတြဲနွိပ္ျပီး  ]]></b:skin>  ကိုရွာပါရွာေတြ႕ရင္ ]]></b:skin> ရဲ႕အေပၚ မွာ ေအာက္က အနီေရာင္ ကုတ္ ေတြကို ေကာ္ပီယူျပီထည့္လိုက္ပါ
.rotate {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.rotate:hover {
-webkit-transform:rotate(1080deg);
-moz-transform: rotate(1080deg);
-o-transform:  rotate(1080deg);
-ms-transform: rotate(1080deg);
transform: rotate(1080deg);
}


ထည့္ျပီးရင္ Save လိုက္ပါ။။
မွတ္ခ်က္.... လည္ေစလိုတဲ့ ပုံကို တင္တဲ့အခါ ကုဒ္နဲ႕ တင္မွ ျဖစ္မွာပါေနာ္....ေအာက္မွာ ဖတ္လုိက္ပါ

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

<img class="rotate" src="Put Your Image Link Here" alt="Alternate Text" title="Title Text" />
ထည့္ေပးလုိက္ျပီးတာနဲ႕ Put Your Image Link Here ဆိုတဲ့ေနရာမွာ မိမိတို႕ လည္ေစလိုေသာ ပုံရဲ႕ လင့္ကို အစားထိုးေပးလိုက္ပါ..အိုေက... ဒါဆို ျပီးပါျပီ..... compose ဆိုတာျပန္ကလစ္ျပီး က်န္တာေတြ ဆက္ေရးဆက္တင္နိဳင္ပါတယ္   publish လုပ္ျပီး ဘေလာ့ေပၚ ၾကည့္လိုက္ပါ ေမာက္ထိတာနဲ႕ လည္ေနပါမည္။  သူကေတာ့ စိတ္ၾကိဳက္ တင္ျခင္တဲ့ ပုံကို ေရြးလုပ္တာဆိုေတာ့ အလုပ္ပိုလာတာေပါ့....
နံပါတ္ ( ၁ ) နည္းကေတာ့ ရွင္းတယ္ ဗ်ာ... html မွာ ထည့္လိုက္တာနဲ႕ တင္သမွ် အကုန္ မႊတ္ေနေအာင္ လည္ျပစ္တာဘဲ.....ဟီးးးးးးးးးးးးးးးးးး

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

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

Blogger တြင္ ZawGyi ႏွင္. Unicode Font မ်ားကို Embed လုပ္နည္း( ရွယ္နည္းေလးပါ)


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


တို႕ဘေလာ့မွာ ၀င္တာနဲ႕ ျမန္မာစာျမင္နိဳင္မယ့္ နည္းလမ္းေကာင္းေလးပါဘဲ.. သည္နည္းေလးကိုေတာ့ 


ပထမ ကုဒ္နမူနာျပသလမ္းညႊန္ေပးထားေသာ  ကို မိုးသၾကား  နဲ႕  ကိုျမင့္မင္းစိုး တို႕အား 


ေက်းဇူးတင္ရွိပါေၾကာင္း


Mobile အေတာ္မ်ားမ်ားတြင္ ၿမန္မာေဖာင္.သြင္းလို.ရေသာ္လည္း အခ်ိဳ.ဖုန္းမ်ား/Jailbreak မရေသးေသာ 


IOS User တို.အတြက္ မိမိ တို.၏ ဆိုဒ္ ကိုဝင္ေရာက္.ၾကည္.ရွုရန္ အခက္အခဲးေတြရပါလိမ္မည္။ဒီေန.


 ကြ်န္ေတာ္. ဆိုဒ္ ကို ၿပဳဳ.ၿပင္ရင္း  ဘေလာ့ကာ ညီအကို အခ်ိဳ.လုပ္ထားေသာနည္းလမ္းကို 


စမ္းၾကည့္လိုက္ရာ ေအာင္ၿမင္သြားသၿဖင္. မသိေသာေသာ ဘေလာ. ပိုင္ရွင္ေဘာ္ေဘာ္ တို.အတြက္ 


ၿပန္ရွယ္ေပးလိုက္ပါတယ္......ထည္.သြင္းလိုပါက ေအာက္မွာဆက္ဖတ္ေပးပါ ခင္ဗ်။



အသုံးျပဳရန္ ကုဒ္မ်ား


ၿမန္မာ Unicode Font ကို သြင္းခ်င္ပါက ေအာက္က Code ကိုသံုးပါ။


@font-face {
font-family:'MON3 Anonta 1';
src:local('MON3 Anonta 1'),url('http://mmwebfonts.comquas.com/fonts/mon3.ttf');
}
body,html,p,code,*,table,td,tr,span,div,a,ul,li,input,textarea{font-family:'MON3 Anonta 1'!important;}

မွတ္ခ်က္   ။          ။ ျမန္မာ ယူနီ ကုဒ္ထည့္သြင္းပါက  မိမိဘေလာ့မွာ စာလုံးေတြ 

ကေမာက္ကမ ျဖစ္ေနပါမည္...ျပင္ဆင္ဖို႕လိုပါမည္... ကြ်န္ေတာ္ကေတာ့ Zawgyi Font 

ကိုဘဲသြင္းပါသည္။

ၿမန္မာ Zawgyi Font ကို သြင္းခ်င္ပါက ေအာက္က Code ကိုသံုးပါ။
@font-face {
font-family:'Zawgyi-One';
src:local('Zawgyi-One'),url('http://mmwebfonts.comquas.com/fonts/zawgyi.ttf');
}
body,html,p,code,*,table,td,tr,span,div,a,ul,li,input,textarea{font-family:'Zawgyi-One'!important;}


 

Blogger တြင္မိမိတို.သြင္းလိုေသာ blog ၏ template ကို ႏွိပ္လိုက္ပါ။




မိမိတို႕ လုပ္လိုေသာ ဘေလာ့ရဲ႕  Template ကို၀င္လိုက္ပါေနာ္  ပု့ေလးေတြနဲ႕ တဆင့္ဆီ သြားျပပါ့မယ္..





ေရာက္တာနဲ႕ Customise  ဆိုတာေလးကိုကလစ္ေပးလိုက္ပါ..


အိုေက ဘယ္ဘက္တန္းထဲက Advance  ဆိုတာကိုဆက္ကလစ္ေပးလိုက္ပါ။


အိုေက scorrl ဘားေလးဆြဲခ်လိုက္ပါ ေအာက္ဆုံးက Add CSS  ဆိုတာကိုကလစ္ေပးပါ။


အထဲမယ္ ကုဒ္ဒင္းေတြေတြ႕နိဳင္ပါလိမ့္မယ္  အဲကုဒ္ေတြရဲ႕ ေအာက္ကေန အေပၚက ကူးလာေသာ

Union Code (သို႕) zawgyi one ကုဒ္ကို ထည့္ေပးနိဳင္ပါတယ္...

၂.. ခုစလုံးထည့္လိုပါက.. တစ္ခုကို ထည့္ျပီး တာနဲ႕ အေပၚညာေထာင့္က Apply to Blog  

ဆိုတာကလစ္ေဆ့ျပီး မွ  ေနာက္ တၾကိမ္  ပထမကုဒ္ထည့္သလို ျပန္၀င္ထည့္နိဳင္ပါတယ္ေနာ္....

ဘယ္ကုဒ္ကို ထည့္ထည့္  အေပၚက Apply   to  Blog  ဆိုတာေတာ့ ကလစ္ေပးရမွာျဖစ္ပါတယ္...

အိုေက  ဒါဆို ထည့္နည္းေတာ့ အဆင္ေျပေလာက္ပါျပီေနာ္...ေနာက္ တစ္ခုက်န္ပါေသးတယ္ေနာ္..

Mobile Theme ကို enable လုပ္ထားရင္ mobile မွာၿမင္ရလိမ္မည္မဟုတ္ပါ။


iPhone , iPad , Android (firefox) တို့တြင္ၿမင္လိုလွ်င္ mobile theme ကို disable လုပ္ထားပါ။


လုပ္နည္းကေတာ့


ဘေလာ့ကာ Template  ကိုကလစ္ျပီး  ညာဘက္မွာ ရွိတဲ့  Customise Mobile Template  ဆိုတာေလးကို  ကလ္စေပးရမွာ ျဖစ္ပါတယ္...


အိုေက အေပၚက ပုံေလးတုိင္း No. Show desktop template mobile device  ဆိုတာကို အမွတ္ေပးျပီး

Save ေပးလိုက္တာနဲ႕ မိမိတို႕ လုပ္ေဆာင္ခ်က္ ျပီးဆုံးခဲ့ပါျပီေနာ္

အဆင္ေျပၾကပါေစ






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

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

Tab Menu Circle Style လွလွေလးေနာ္ ( Blogger Only )



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

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

 ]]></b:skin>  သည္ကုဒ္ိကုရွာပါ ေတြ႕ျပီဆိုတာနဲ႕  သူ႕အေပၚကပ္လွ်က္  ေပးထားတဲ့ ေအာက္ကကုဒ္ေတြကို  ထည့္ရမွာ ျဖစ္ပါတယ္...



ထည့္ျပီး ေဆ့လို႕ရပါျပီ... တစ္ခု အၾကံျပဳပါရေစ...

 ေနာက္တဆင့္အေနနဲ႕ကေတာ့......
ဘေလာ့ကာကို၀င္လိုက္ပါ.. Layout  ကိုသြား Add a gadget  ကိုကလစ္ပါ...

 html/java script  ကိုကလစ္ က်လာတဲ့ေဘာက္မွာ ေအာက္ကကုဒ္ေတြထည့္လိုက္ပါ..

<div class="circlemenu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Download</span></a></li>
<li><a href="h#"><span>CSS</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="http://www.s2free.blogspot.com/"><span>Contact Us</span></a></li>
</ul>
</div>

မိမိတို႕ လိုသေလာက္ တိုးနိဳင္ပါတယ္...ပြါးးနိဳင္ပါတယ္..

  မွတ္ခ်က္အေနနဲ႕ ေျပာျခင္တာကေတာ့........။       ။.........ကုဒ္ထဲမွာ ၾကည့္လိုက္ပါ ..ေနာ္

width  100px
hight  100px ဆိုတာေတြကမယ္..အဲတာ  မိမိတို႕ မယ္ညဳ botton ေလးရဲ႕ အရြယ္အစားပါ...အဲတာကို အရမ္းၾကီးေနရင္
သည္ေနရာျပန္၀င္ျပီး  ျပဳျပင္ေပးလိုက္ပါ...ေလွ်ာ့ခ်ျပီး  Preview Template နဲ႕ျပန္ျပန္ၾကည့္ရင္း
စိတ္ၾကိဳက္ အရြယ္ရလာတာနဲ႕ ေဆ့နိဳင္ပါတယ္...တျခား ေနာက္ခံကာလာေတြ  ၀ိတ္ေတြလဲ ျပဳျပင္နိဳင္တာေတြပါပါတယ္.... ကုဒ္ထဲမွာ ေသချာ ၾကည့္ျပီး  ေလ့လာ လုိက္ပါေနာ္..
အဆင္ေျပပါေစ

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

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

Cbox (ခ်က္ေဘာက္)ရွိသူ သတိထား( ေသေသခ်ာခ်ာဖတ္ပါ ဘေလာ့ဂါမ်ား)


 


ဒီနည္းေလးကို ေသေသခ်ာခ်ာ ဖတ္ခိုင္းတာကေတာ့ ေသေသခ်ာခ်ာသိေစခ်င္လို ့ပါ

ဆိုေတာ့ကာ က်ေနာ္အထက္မွာ တင္ျပခဲ့သလိုဘဲ ခ်က္ေဘာက္ေလးရွိရင္ လူေတြေရး

တဲ့ မက္ေဆ့ေလးေတြ ထားခဲ့တဲ့ပံုေလးေတြ မမိမိတို ့ရဲ့ စီပံုးထဲမွာ က်န္ေနတာျမင္လား

ဆိုေတာ့ကာ က်ေနာ္ေျပာခ်င္တာက ခ်က္ေဘာက္မွာ စာေရးသားတဲ့သူ ဘယ္ႏိုင္ငံက

လဲ ဘယ္သူလဲဆိုတာထက္ ဘယ္ကလဲ ေသေသခ်ာခ်ာ မသိခ်င္ၾကဘူးလား  သိခ်င္ပါ

တယ္ သိခ်င္ပါတယ္(ကိုယ့္ဟာကို ေထာက္ခံတာ) ဆိုေတာ့ကာ ဘယ္လိုလုပ္ၾကမလဲ

လြယ္ပါတယ္ ေရးတဲ့သူရဲ့ IP ကိုရွာ IP location Countery ကို ခ်က္ခ်င္းသိႏိုင္ပါတယ္

ဘယ္မွာရွာမလဲဆိုေတာ့ ခ်က္ေဘာက္အေကာင့္ထဲကို၀င္ရမွာ ။ခ်က္ေဘာက္ထားရင္

ခ်က္ေဘာက္အေကာင့္ ၀င္တဲ့နည္းသိမွာပါဖလမ္းဖလမ္းထေအာင္အရုပ္ေတြထည့္တဲ့

သူေတြဆိုပိုသိမွာပါ သိမွာလည္းရမွာေနာ မလိုလားအပ္တဲ့မက္ေဆ့ေလးေတြျပန္ဖ်က္

ဖို ့။ အဲ့မွာ ခ်က္ေဘာက္အေကာင့္ထဲကို၀င္ ဒီလင့္ကေန၀င္ http://cbox.ws/admin

က်ေနာ္ေပးတဲ့ လင့္ကေန၀င္လိုက္ရင္ ခင္ဗ်ားတို ့ခ်က္ေဘာက္မွာ ေရးထားတဲ့သူေတြ

ရဲ့ Message ေလးေတြကိုျမင္ရမွာ အဲ့မွာ ေရးတဲ့သူရဲ့ IP ပါတယ္ အဲ့တာကိုယူျပီးေတာ့

ရွာလိုက္ရင္ ဒီလူ ဘူလဲ ဘယ္ကလဲ ဘယ္ႏိုင္ငံကလဲ မေလးကလား စလံုးကလား လို ့

(မေလးကုလား၊ စလံုး ကုလားလို ဖတ္နဲ ့ေနာ္) ခ်က္ခ်င္းသိပါတယ္ ။အနီးဆံုးသူေနတဲ့

ျမိဳကိုပါ သိပါတယ္။ ေျမပံုနဲ ့ကြက္တိေပၚလာေပးတယ္ က်ေနာ္ဆို ခ်က္ေဘာက္ထဲေရး

တဲ့သူေတြ သိခ်င္တာေပါ့ေနာ္။ ဘယ္ကပါလိမ့္ ။ဘေလာ့ဂါေတြထဲမွာလည္း ရွိပါတယ္

မမလမင္းငယ္(ရွာၾကည့္ေတာ့ USA) (မမအင္ဂ်ယ္လိႈင္း Aust) ဦးေလးၾကီးညီညီ က

မေလးရွား။အျမဲတမ္းလိုလို ကိုယ္မသိတဲ့သူဆို စစ္စစ္ၾကည့္တာေလ။ အဲ့ေၾကာင့္မွ်ေ၀

လိုက္တယ္ ။သိခ်င္တဲ့သူ စစ္ၾကည့္။ ေမာင္တလံုး ဘယ္ကလဲ(ဟဲဟဲ) ။ ဒီလိုနည္းေတြ

ကၾကာေနပါျပီ ။ဘာရယ္မဟုတ္ တင္စရာမရွိလို ့ေရးလိုက္တာ သိေနပီ  ဆိုရင္လည္း

ေဆာတီးေနာ..စပ္စုတာ၀ါသနာပါသူေတြအတြက္ကေတာ့ ဘဲထီး Good ဘဲမ Good

ပဲဗ်ာ ကဲသိခ်င္ရင္ စစ္ၾက မေရးေစခ်င္ရင္လည္း Ban ၾက တားတားေတာ့ မဘမ္းၾက

ပါနဲ ့ေနာ္ ဘမ္းလိုက္ရင္ ခ်က္ေဘာက္မွာ လာေရးလို ့မရေတာ့ဘူး ။ ဆိုေတာ့ကာ..

က်ေနာ္ ခုနက ေျပာသလိုပဲ ဒီကိုသြားလိုက္ပါ  www.ipaddresslocation.org

 ေမာင္စြယ္စုံ  ေရးထားတာေလး အလြယ္ေကာက္တင္လို္ကတယ္..ေိေိ...ေရးရမွာ ပ်င္းးယို႕.....ဒန္ဒန္႕


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

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

ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၅)

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

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

အဲေနရာမွာ ေအာက္ကကုဒ္ေတြ ကို ထည့္ေပးလိုက္ပါေနာ္....
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script src="http://24work.webs.com/24work-blogspot/featured-post/17-content-code/yourjavascript-56841175202.js" type="text/javascript"></script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">


*{

margin:0;

padding:0;

}

html{

height:100%;

}





a img{

border:0;

}

div.wrap{

width:540px;

margin:0 auto;

text-align:left;

}

div#top div#nav{

float:left;

clear:both;

width:540px;

height:52px;

margin:22px 0 0;

background:url url(http://2.bp.blogspot.com/-90OJYGMto3k/Txp3FGzJMSI/AAAAAAAABDs/fShjyg5tprU/s1600/navbgq.png) 0 0 no-repeat;

}

div#top div#nav ul{

float:left;

width:700px;

height:52px;

list-style-type:none;

}

div#nav ul li{

float:left;

height:52px;

}

div#nav ul li a{

border:0;

height:52px;

display:block;

line-height:52px;

text-indent:-9999px;

}

div#header{

margin:-1px 0 0;

}

div#video-header{

height:683px;

margin:-1px 0 0;

}



div#header div#slide-holder{

z-index:40;

width:540px;

height:299px;

position:absolute;

}

div#header div#slide-holder div#slide-runner{

top:9px;

left:9px;

width:540px;

height:278px;

overflow:hidden;

position:absolute;

}

div#header div#slide-holder img{

margin:0;

display:none;

position:absolute;

}

div#header div#slide-holder div#slide-controls{

left:0;

bottom:228px;

width:540px;

height:46px;

display:none;

position:absolute;

background:url(http://4.bp.blogspot.com/-OibbJ0y7Jpk/Txp3ZVypjII/AAAAAAAABD0/XTZyeKydCY0/s1600/slidebg.png) 0 0;

}

div#header div#slide-holder div#slide-controls p.text{

float:left;

color:#fff;

display:inline;

font-size:10px;

line-height:16px;

margin:15px 0 0 20px;

text-transform:uppercase;

}

div#header div#slide-holder div#slide-controls p#slide-nav{

float:right;

height:24px;

display:inline;

margin:11px 15px 0 0;

}

div#header div#slide-holder div#slide-controls p#slide-nav a{

float:left;

width:24px;

height:24px;

display:inline;

font-size:11px;

margin:0 5px 0 0;

line-height:24px;

font-weight:bold;

text-align:center;

text-decoration:none;

background-position:0 0;

background-repeat:no-repeat;

color:#fff;

}

div#header div#slide-holder div#slide-controls p#slide-nav a.on{

background-position:0 -24px;

}

div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(http://1.bp.blogspot.com/-XQVPEcrITEY/Txp3vmGlNrI/AAAAAAAABD8/bsPDlSUXkzw/s1600/sildenav.png);}

div#nav ul li a{background:url(images/nav.png) no-repeat;}


</style>



<div style="float:left;">

<div id="header"><div class="wrap">
<div id="slide-holder">
<div id="slide-runner">

<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img id="slide-img-1" src="ပုံလင့္ထည့္ရန္" class="slide" alt="" /></a>

<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img id="slide-img-2" src="ပုံလင့္ထည့္ရန္" class="slide" alt="" /></a>

<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img id="slide-img-3" src="ပုံလင့္ထည့္ရန္" class="slide" alt="Your image title here" /></a>

<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img id="slide-img-4" src="ပုံလင့္ထည့္ရန္" class="slide" alt="" /></a>

<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img id="slide-img-5" src="ပုံလင့္ထည့္ရန္" class="slide" alt="" /></a>

<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img id="slide-img-6" src="ပုံလင့္ထည့္ရန္" class="slide" alt="" /></a>




<div id="slide-controls">
<p id="slide-client" class="text"><strong>post: </strong><span></span></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>

<!--content featured gallery here -->
</div>
<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
</script></div></div></div>



 မွတ္ခ်က္    ။                ။  မိမိတို႕ ကုဒ္ေတြ ေကာ္ပီယူ ထည့္တာနဲ႕ ျပဳျပင္စရာေတြ ရွိလာမွာပါေနာ္
(၁) "ပုံလင့္ထည့္ရန္" ဆိုတဲ့ေနရာမွာ မိမိတို႕ ျပလိုတဲ့ပုံရဲ႕ လင့္ကိုပါ။
(၂) "မိမိပို႕စ္လင့္ထည့္ပါ"  ဆိုတဲ့ေနရာမွာ ညႊန္ျပတဲ့ ေနရာရဲ႕ လင့္ကို ထည့္ေပးပါ။



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

၅   ခုတိတိပါ၀င္တာျဖစ္ပါတယ္.. မိမိလမ္းညႊန္လိုေသာ ေနရာ ၅ ခုကိုထည့္လုိက္ပါေနာ္...



ဆက္ေလ့လာလိုပါက .
  အဆင္ေျပၾကပါေစ... မေျပတာ မရွင္းတာ ရွိပါက ခ်က္ေဘာက္မွာ ေအာ္ခဲ့ၾကပါေနာ္...

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

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

မိမိပို႕စ္မွာ ပုံေလးျဖင့္ Download တင္နည္း ( cbox ေတာင္းဆိုျခင္း )

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


16 Aug 13, 06:06 PM
phonelay: blog post ထဲမွာ download link ကိုပံုနဲ႔အစားထိုးနည္းေလးသိခ်င္ပါတယ္။
ကဲ ညီေရ....ေအာက္မွာ ရွင္းးျပမယ္ေနာ္.... ပထမဆုံးးပို႕စ္တင္မဲ့ေနရာ သြားလိုက္ပါ ေအာက္ကပုံ
ပုံမွာ ျပထားသလိုပါဘဲ မိမိေဒါင္းျခင္တဲ့  ေဆာ့၀ဲလ္  တခုုခုကို ပုံေလးနဲ႕ ေဒါင္းဖို႕ ေပးမယ္ေပါ့.... အရင္ဆုံးပုံေလးကို ေနရာခ်ေပးလိုက္ပါ.... ေနာက္မွအဲပုံေပၚကို  ေဒါင္းခိုင္းမဲ့ လင့္ကို ခ်ိတ္ေပးပါမယ္.

ပုံမွာေတြ႕ေနရသလို  မိမိတို႕ ေဒါင္းရမဲ့ပုံေလးးရလာတာနဲ႕  ေဒါင္းရမဲ့လင့္နဲ႕ ခ်ိတ္ေပးေတာ့မယ္...
ပုံေပၚတခ်က္ကလစ္ေပးပါ  အေပၚဘားးမွာ link ဆိုတာေလးကို သြားလိုက္ပါ  ကလစ္ပါ...ေဘာက္ေလး
တစ္ခုက်လာပါမယ္.... ပုံကိုတခ်က္ကလစ္လို႕ ေဘာက္မက်ေသးရင္  ထပ္ကလစ္ပါ.....
က်လာပါျပီ ေဘာက္ေလးတစ္ခု  ဒါဆို ၾကည့္လိုက္ပါ...ေဘာက္ထဲမွာ အကြက္ေလး ၂ ခုပါမယ္...ဗ်ာ
ပထမက Text to display  ဆိုတာနဲ႕..အဲေအာက္က Web adress ဆိုတာရယ္ပါ..က်ေနာ္ တို႕ ေဒါင္းလင့္
ထည့္ေပးရမွာက ေအာက္က  Web adress  ဆိုတဲ့ အကြက္ထဲကိုပါေနာ္....
ေအာက္က Open this link in a new window ဆိုတာကိုအမွန္ျခစ္ေပးပါ....ဒါဆိုအိုေကပါျပီ

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












လိုအပ္သူမ်ား သိမ္းထားနိဳင္ပါတယ္...
<<< တာ၀န္မေလးပါက တခ်က္ေလာက္ကလစ္ေပးခဲ့ေစလို >>>

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

ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၄)

 Excellent Content SlideShow+Slider to Blogger / WebSite

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

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

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

<script src="http://24work.webs.com/24work-blogspot/featured-post/17-content-code/excellent-slideshow-compressed.js" type="text/javascript"></script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/SxIRDLhbFvI/AAAAAAAAAZM/4N4RrfeWPdA/left.gif) left center no-repeat}
#imgnext {right:0; background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/SxIRJLGnjKI/AAAAAAAAAZc/Z99UWtjYHeo/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/SxIRGajwsfI/AAAAAAAAAZU/9e3kt7Z5Bjo/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/SxIRMN8VUeI/AAAAAAAAAZk/BTNwDZsGQhw/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(http://2.bp.blogspot.com/_4HKUHirY_2U/SxIRPJktr1I/AAAAAAAAAZs/Z3Qj8DTDrMw/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
</style>


<div style="float:left;">

<ul id="slideshow">


<li>
<h3>Enter Title 1 Here</h3>

<span>ပုံလင့္ထည့္ရန္</span>

<p>Enter Description 1 Here.</p>
<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img src="ပုံလင့္ထည့္ရန္" alt="" /></a>
</li>


<li>
<h3>Enter Title 2 Here</h3>

<span>ပုံလင့္ထည့္ရန္</span>

<p>Enter Description 3 Here.</p>
<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img src="ပုံလင့္ထည့္ရန္" alt="" /></a>
</li>


<li>
<h3>Enter Title 3 Here</h3>

<span>ပုံလင့္ထည့္ရန္</span>

<p>Enter Description 3 Here.</p>
<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img src="ပုံလင့္ထည့္ရန္" alt="" /></a>
</li>


<li>
<h3>Enter Title 4 Here</h3>

<span>ပုံလင့္ထည့္ရန္</span>

<p>Enter Description 4 Here.</p>
<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img src="ပုံလင့္ထည့္ရန္" alt="" /></a>
</li>


<li>
<h3>Enter Title 5 Here</h3>

<span>ပုံလင့္ထည့္ရန္</span>

<p>Enter Description 3 Here.</p>
<a href="မိမိပို႕စ္လင့္ထည့္ပါ"><img src="ပုံလင့္ထည့္ရန္" alt="" /></a>
</li>


</ul>

<div id="wrapper">

<div id="fullsize">

<div id="imgprev" class="imgnav" title="Previous Image"></div>

<div id="imglink"></div>

<div id="imgnext" class="imgnav" title="Next Image"></div>

<div id="image"></div>

<div id="information">
<h3></h3>
<p></p>
</div>
</div>

<div id="thumbnails">

<div id="slideleft" title="Slide Left"></div>

<div id="slidearea">

<div id="slider"></div>

</div>

<div id="slideright" title="Slide Right"></div>

</div>

</div>

</div>


<script type='text/javascript'>
$('slideshow').style.display='none';
$('wrapper').style.display='block';
var slideshow=new TINY.slideshow("slideshow");
window.onload=function(){
slideshow.auto=true;
slideshow.speed=5;
slideshow.link="linkhover";
slideshow.info="information";
slideshow.thumbs="slider";
slideshow.left="slideleft";
slideshow.right="slideright";
slideshow.scrollSpeed=4;
slideshow.spacing=5;
slideshow.active="#fff";
slideshow.init("slideshow","image","imgprev","imgnext","imglink");
}
</script>


  မွတ္ခ်က္    ။                ။  မိမိတို႕ ကုဒ္ေတြ ေကာ္ပီယူ ထည့္တာနဲ႕ ျပဳျပင္စရာေတြ ရွိလာမွာပါေနာ္

(၁) "ပုံလင့္ထည့္ရန္" ဆိုတဲ့ေနရာမွာ မိမိတို႕ ျပလိုတဲ့ပုံရဲ႕ လင့္ကိုပါ။( ႏွစ္ေနရာ ထည့္ေပးရပါမည္)
(၂) "မိမိပို႕စ္လင့္ထည့္ပါ"  ဆိုတဲ့ေနရာမွာ ညႊန္ျပတဲ့ ေနရာရဲ႕ လင့္ကို ထည့္ေပးပါ။
(၃) Enter Title 1 Here ဆိုတာကေတာ့ ညႊန္ျပတဲံ ပို႕စ္ရဲ႕ ေခါင္းစဥ္အမည္ေပါ့ေနာ္ ။
(၄) Enter Description 4 Here.ဆိုတာကေတာ့ မိမိတို႕ ေရးလိုေသာ စာသားအနည္းငယ္ေရးလိုက္ပါ။

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

၅   ခုတိတိပါ၀င္တာျဖစ္ပါတယ္.. မိမိလမ္းညႊန္လိုေသာ ေနရာ ၅ ခုကိုထည့္လုိက္ပါေနာ္...



ဆက္ေလ့လာလိုပါက .
ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၂)
ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၃)
ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၄)
ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၅)
ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၆)
  အဆင္ေျပၾကပါေစ... မေျပတာ မရွင္းတာ ရွိပါက ခ်က္ေဘာက္မွာ ေအာ္ခဲ့ၾကပါေနာ္...
<<< တာ၀န္မေလးပါက တခ်က္ေလာက္ကလစ္ေပးခဲ့ေစလို >>>

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

မိမိတို႕ဘေလာ့ကို PASSWORD ခံထားၾကမလား ( လန္းးထာာာာာာေနာ္ )

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


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

  </body>   ဆိုတာေလးကို ရွာလုိက္ပါေနာ္...


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

<script>
var password = 'မိမိထားလိုေသာ ပါတ္၀ပ္ေရးပါ'
password=prompt('Please enter the password to enter this site:','');
if (password != 'ပါတ္၀ပ္ကိုထပ္ေရးေပးပါ ') {
location.href='မိမိဘေလာ့ဆိုဒ္ရဲ႕  လိပ္စာထည့္ပါ'}
</script>
ေအာက္မွာ ပုံေလးေတြနဲ႕ ရွင္းျပလိုက္ပါတယ္ေနာ္....


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


အကယ္လို႕ ျပန္ဖ်က္လိုပါက  </body> 
ကိုျပန္ရွာပါ  သူ႕အေပၚက ထည့္ေပးထားေသာ အေပၚကကုဒ္ေတြကို  ျပန္ဖ်က္လိုက္ပါ  အိုေကေနာ္...

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

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

အဖြဲ႔၀င္ခဲ့ဖို႔ဖိတ္ေခၚပါတယ္

    Featured Post