Results for ဘ​ေလာ့ဂါနည္​းပညာ..

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 ေပးလိုက္တာနဲ႕ မိမိတို႕ လုပ္ေဆာင္ခ်က္ ျပီးဆုံးခဲ့ပါျပီေနာ္

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

Blogger တြင္ ZawGyi ႏွင္. Unicode Font မ်ားကို Embed လုပ္နည္း( ရွယ္နည္းေလးပါ) Blogger တြင္ ZawGyi ႏွင္. Unicode Font မ်ားကို Embed လုပ္နည္း( ရွယ္နည္းေလးပါ) Reviewed by Anthony KaKap on 05:36 Rating: 5

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

အရင္ဆံုးကိုယ့္ရဲ႕ Blog ထဲ့သို Log in ၀င္ပါ၊ေအာက္ပါပံုအတိုင္း Template ကိုႏိုပ္ပါ





Edit Html ကိုႏိုပ္ပါ
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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxfShQHks3T8ERXX6C0HUhcunqZh65_h9ZW3rWOzukfQyTxoDkiFNI_0GehUtxaeNAqtyNZ9QKH_VVjkendamb15bNtZnaJ4RAJ4nHs3AJGnYXB5ypGtl0HdmCH4vutzxzgvQ7TiyJaml/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 ဆိုျပီးထဲ့ျပထားပါတယ္။

အားလံုးအဆင္ေျပပါေစဗ်ာ.......
စလုပ္ကာစမိတ္ေဆြမ်ားအတြက္အၾကံေပးခ်င္တာကေတာ့ကိုယ့္ Blog နဲ႕ Tamplate တူ
တဲ့ အရံ Blog တစ္ခုမွာေသခ်ာနားလည္ေအာင္စမ္းသပ္ျပီးမွ ကိုယ့္ Blog မွာအသံုးခ်ပါ။
Blog မွာ WaterEffect CSS Download Buttons ထဲ့နည္း Blog မွာ WaterEffect CSS Download Buttons ထဲ့နည္း Reviewed by Anthony KaKap on 10:12 Rating: 5

မိမိတို႔ဘေလာ့မွာBLUE PROFESSIONAL DROP-DOWN MENUေလးထားခ်င္ရင္


မဂၤလာပါဗ်ာ
ကၽြန္ေတာ္လည္းမအားတာနဲ႔Postေတြဘာေတြမတင္ျဖစ္ေတာ့တာ
ဒီေန႔ေတာ့ကၽြန္ေတာ့္Funေတြအတြက္ဘေလာ့တစ္ခုမွာအေရးအႀကီးဆံုး
Menuေလးတစ္ခုထည့္နည္းေလးေျပာျပပါမယ္။
အရင္ဆံုး  >>>Layout>>>HTML/Javascriptကိုႏွိပ္ပါ
ေအာက္ကcodeကိုထည့္လိုက္ပါ
<li><a href="#">Tutorials</a>
အေပၚမွာျပထားသလို#ဆိုတဲ႔ေနရာမွာရည္ညႊန္းLinkထည့္ပါ။
Turiorialsဆိုတဲ႔ေနရာမွာေရးခ်င္တာေလးေရးေပါ့
ၿပီးရင္Saveလိုက္ပါ
<style>

/* Blue Dropdown Menu by www.widgetgenerators.blogspot.com */
#nav {
display:inline-block;
width:100%;
margin:0px auto;
padding:0;
background:#335599 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgOpLRQyvaEe73Z93Zlu4yMZcqgJfFWM1DWN6doD2ApQAR5IFwbEzNyM_KY0vVpNCLjq0AqiQthJqk88qiJNHypAOpKfkf0Vhp8no6cRamSh9y5IYqeG2K3wwucaAq5oK4ebEYvwWrQKX/s320/bg-ABT.png) repeat-x 0 -110px;border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0 2px 2px rgba(0,0,0, .5);
-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
margin:10px;
float:left;
position:relative;
list-style:none;
}
#nav a {
font-family:verdana;
font-weight:bold;
color:#e7e5e5;
text-decoration:none;
display:block;
padding:8px 20px;border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-shadow:0 2px 2px rgba(0,0,0, .7);
}/* selected menu element */
#nav .current a, #nav li:hover > a {
background:#7788aa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgOpLRQyvaEe73Z93Zlu4yMZcqgJfFWM1DWN6doD2ApQAR5IFwbEzNyM_KY0vVpNCLjq0AqiQthJqk88qiJNHypAOpKfkf0Vhp8no6cRamSh9y5IYqeG2K3wwucaAq5oK4ebEYvwWrQKX/s320/bg-ABT.png) repeat-x 0 -20px;
color:#000;
border-top:1px solid #f8f8f8;box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
-moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
background:none;
border:none;
color:#000;
}
#nav ul li a:hover {
background:#335599 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgOpLRQyvaEe73Z93Zlu4yMZcqgJfFWM1DWN6doD2ApQAR5IFwbEzNyM_KY0vVpNCLjq0AqiQthJqk88qiJNHypAOpKfkf0Vhp8no6cRamSh9y5IYqeG2K3wwucaAq5oK4ebEYvwWrQKX/s320/bg-ABT.png) repeat-x 0 -100px;
color:#fff;border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}#nav ul li:first-child > a {
-moz-border-radius-topleft:10px; /*some css3*/
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
-moz-border-radius-bottomleft:10px; /*some css3*/
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}/* drop down */
#nav li:hover > ul {
opacity:1;
visibility:visible;
}
#nav ul {
opacity:0;
visibility:hidden;
padding:0;
width:175px;
position:absolute;
background:#aabbcc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgOpLRQyvaEe73Z93Zlu4yMZcqgJfFWM1DWN6doD2ApQAR5IFwbEzNyM_KY0vVpNCLjq0AqiQthJqk88qiJNHypAOpKfkf0Vhp8no6cRamSh9y5IYqeG2K3wwucaAq5oK4ebEYvwWrQKX/s320/bg-ABT.png) repeat-x 0 0;
border:1px solid #7788aa;border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0 2px 2px rgba(0,0,0, .5);
-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);-moz-transition:opacity .25s linear, visibility .1s linear .1s;
-webkit-transition:opacity .25s linear, visibility .1s linear .1s;
-o-transition:opacity .25s linear, visibility .1s linear .1s;
transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
float:none;
margin:0;
}
#nav ul a {
font-weight:normal;
text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
left:160px;
top:0px;
}

</style> 

    <ul id="nav">
        <li><a href="#">Home</a></li>
        <li><a href="#">Tutorials</a>
            <ul>
                <li><a href="#">HTML / CSS</a></li>
                <li><a href="#">JS / jQuery</a>
                    <ul>
                        <li><a href="#">jQuery</a></li>
                        <li><a href="#">JS</a></li>
                    </ul>
                </li>
                <li><a href="#">PHP</a></li>
                <li><a href="#">MySQL</a></li>
                <li><a href="#">XSLT</a></li>
                <li><a href="#">Ajax</a></li>
            </ul>
        </li>
        <li><a href="#">Resources</a>
            <ul>
                <li><a href="#">By category</a>
                    <ul>
                        <li><a href="#">PHP</a></li>
                        <li><a href="#">MySQL</a></li>
                        <li><a href="#">XSLT</a></li>
                        <li><a href="#">Ajax</a></li>
                    </ul>
                </li>
                <li><a href="#">By tag name</a>
                    <ul>
                        <li><a href="#">captcha</a></li>
                        <li><a href="#">gallery</a></li>
                        <li><a href="#">animation</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="#">About</a></li>
        <li><a href="http://www.widgetgenerators.blogspot.com.com">FAQ's</a></li>
    </ul>

Thank You !

ေရာင္ျပန္ေလး(နည္းပညာ)

www.yplitshare.org

မိမိတို႔ဘေလာ့မွာBLUE PROFESSIONAL DROP-DOWN MENUေလးထားခ်င္ရင္ မိမိတို႔ဘေလာ့မွာBLUE PROFESSIONAL DROP-DOWN MENUေလးထားခ်င္ရင္ Reviewed by Anthony KaKap on 10:55 Rating: 5

မိမိတို႕ ဘေလာ့ရဲ႕ Speed Loader ေလးကို စစ္ေဆးၾကမယ္ ( လန္းတယ္ေနာ္ )

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

ပို႕စ္ကို ေက်ာ္ခြ သြားနိဳင္ပါတယ္  မသိေသးေသာ ဘေလာ့ကာ ညီငယ္မ်ားအတြက္ ကြ်န္ေတာ္
ေတြ႕ရွိခဲ့တဲ့  မေလး ဆိုဒ္တစ္ခုကေန တတ္နိဳင္သေလာက္ ျပန္လည္ ဘာသာျပန္ တင္လုိက္ရတာပါ
မေလးစာလည္း ေသျခာမတတ္ေတာ့ အေသးစိတ္ေတာ့ မရွင္းျပတတ္ပါ သိလိုပါက  မူရင္းဆိုဒ္ ျဖစ္တဲ့
သည္ေနရာမွာ    သြားေရာက္ ေလ့လာနိဳင္ပါေၾကာင္း.....
သည္နည္းေလးကေတာ့ မိမိတို႕ ဘေလာ့ရဲ႕ အျမန္ႏွုန္း speed loading blogger ေလးလို႕ေျပာလိုက္ပါရေစ... ကဲေအာက္မွာ တဆင့္ျခင္းစလိုက္မယ္ေနာ္..
   အဆင့္  ( ၁)  အေနနဲ႕..... PageSpeed Insight From Google.........   သည္မွာ   ကလစ္သြားလိုက္ပါ။
 အဲလိုပုံေလးက်လာတာနဲ႕ မိမိတို႕ ေဘလာ့ လိပ္စာလင့္ေလးကို ထည့္ျပီး ကလစ္လုိက္ပါ....
   အဆင့္  ( ၂ )    အေနနဲ႕ ကေတာ့ Website Speed and Performance Optimization by GTmetrix    သည္မွာ   ကလစ္ျပီးသြားလုိက္ပါေနာ္။
 သူလည္းအေပၚကနည္းလမ္းတိုင္းပါဘဲ  လိပ္စာထည့္ စစ္ေဆးနိဳင္ပါတယ္...
ေနာက္ဆုံးအဆင့္ ျဖစ္တဲ့.............
   အဆင့္   ( ၃ )   အေနနဲ႕ ကေတာ့ Pingdom Tools by Pingdom သည္ေနရာေလးကို   သြားလိူုက္ပါေနာ္။
 
 သည္အဆင့္မွာေတာ့ မိမိဘေလာ့ရဲ႕ speed ေတြကို ေသျခာ ျပသလိုက္ပါတယ္  သည္လိုအဆင့္ဆင့္ေတြ
မွာ မိမိတို႕ ဘာသာျပန္ တတ္သိသေလာက္ ကလိနိဳင္ပါတယ္ တားတားကေတာ့  အီးသိပ္မေပါက္ တတ္လို႕ ..........ေိေိ........ကိုယ့္ဘာတာ ဆက္ကလိၾကပါေတာ့ဂ်ာာာာာာာာာ သည္ေလာက္ဆိုေက်နပ္ပါေနာ္....ေိေိ
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက *************************************** 
credit-ဘေလာ႔ခရီးသည္
မိမိတို႕ ဘေလာ့ရဲ႕ Speed Loader ေလးကို စစ္ေဆးၾကမယ္ ( လန္းတယ္ေနာ္ ) မိမိတို႕ ဘေလာ့ရဲ႕ Speed Loader ေလးကို စစ္ေဆးၾကမယ္ ( လန္းတယ္ေနာ္ ) Reviewed by Anthony KaKap on 10:29 Rating: 5

ဘ​ေလာ့မွာ 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2x5LfSGfnJWQAO0ueRwrTBWKZ9RVFRqqTLZ3ZQ5hSOK8QNfWnafVvGzfZf-SoKSf2LOBp0fG786j283p6BkzxIcjdv5SQIXKBboIBegVoQu4RQ0DMOd-5-WgqXho18dfvHt9QenTGK2Wl/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBRrYBofNaPI-qlIBnTND-kmpliwxhslCqwpYhOXsD1DihtYKWeikbUs3Yy_TXBLfZT2NPUt3VrEk8W9dzhXKXT3jlLN7urDm2dmtYtwzI8Nkm5Z1Wl2UqttdosPEw94yWTfL1Pf0pLuxa/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpj-jooYz-xJ2mHJA_YFZOCuaIn5vDM9X2s3U-l8zcNy9fMaCnSHPvWicLZjHpah-wiG4zDBpIGI02lCqdwWuCWMnnsFfGJLjZMvl-bziL5DZYI5cIzZFOF6Ml3i2oMeW0k1Wgh_BQBt_F/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>



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



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

၅   ခုတိတိပါ၀င္တာျဖစ္ပါတယ္.. မိမိလမ္းညႊန္လိုေသာ ေနရာ ၅ ခုကိုထည့္လုိက္ပါေနာ္...
ဘ​ေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း ဘ​ေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း Reviewed by Anthony KaKap on 14:19 Rating: 5
ads 728x90 B
Theme images by Radius Images. Powered by Blogger.