Phyo Lwin Oo(lat pan): Button စတိုင္လွလွေလးေတြ သုံးမယ္ဆိုရင္ ( Blogger Only )

title

ၾကြေရာက္လာသူမိတ္ေဆြအေပါင္း ရႊင္လန္းခ်မ္းေျမ့ၾကပါေစ လို႔ က်ြန္ေတာ္ပိုင္ဆိုင္ရာ ဆိုဒ္မွာ ဆုေတာင္းေမတာပို႔သလွ်က္ပါ.......... က်ြန္ေတာ္ပိုင္ဆိုင္ရာ ဆိုဒ္မွာ တင္ထားသမွ် ကူးယူေဖာ္ျပထားသမွ်ကို မိမိတို႔ စိတ္ႀကိဳက္ အသံုးျပဳႏိုင္ပါတယ္ ခင္ဗ်ာ.............. အဆင္မေျပမႈတခုခုမ်ား ရွိခဲ႔ပါက Comment ထားခဲ႔ျပီးေျပာႏိုင္သလို phyolwinoo10@gmail.com သို႔ဆက္သြယ္ျပီးေျပာႏိုင္သလို Facebook /https://www.facebook.com/kaung.myathtay.5မွလဲ ေမးျမန္းႏိုင္ပါတယ္ ဖုန္းနံပါတ္ +60166076069 သို႔လဲ ေမးျမန္းႏိုင္ပါတယ္ ခင္ဗ်ာ ................

Tuesday, August 12, 2014

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 }

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