Myanmar Techs: 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 }

ကဲ မိမိတို့အသုံးလိုတိုင်း လိုအပ်တဲ့ ကာလာနဲ့ လိုအပ်သလို အောက်မှာ ယူသုံးနိုင်ကြပါပြီနော်။