ဘေလာ့မွာ Button Style လွလွေလးေတြ သုံးၾကမယ္

ဘေလာ့မွာ Button Style လွလွေလးေတြ သုံးၾကမယ္

 

 ကဲဗ်ာ   မိမိတို႕ဘေလာ့မွာ   ခုလို လွပေသသပ္တဲ့   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  ေပၚတင္လိုေသာ စာသားေရးပါ။

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

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

Posted in ဘေလာ့ပညာမ်ား      ေမာင္၀ါသနာ မွမွ်ေ၀ေဖၚၿပသည္.....