Myanmar Techs: ဘလော့ ဖွင့်ဖွင့်ချင်း Loading Blog ဆိုတဲ့ စတိုင်လေးကို CSS3 နဲ့ ဖန်တီးကြမယ်-( ၃ )

မင်္ဂလာပါ သည်နေ့ ရေးဖြစ်တာလေးကတော့ မိမိတို့ဘလော့မှာ ဖွင့်ဖွင့်ခြင်း loader ပုံလေး လည်နေတာ

ကို အလှဆင် ထည့်ခြင်ပါက နည်းလမ်းလေးဘဲ ဖြစ်ပါတယ်.. သည်နည်းလမ်းလေးကို ပုံစံ.. ၆ မျိုးတဲ့

ကျွန်တော် ခွဲခြား ရေးသားတင်ပြသွားမှာ ဖြစ်ပါတယ်နော်... သည်နည်းလေးကတော့ ဘလော့အတွက်

ဘာမှတော့ အထောက်အကူမပြုပေမယ့် ဝင်ဝင်ခြင်း လှပတဲ့ loader လေးကို မြင်ရတာပေါ့ ဟီးးးးးးးးးးး

ထည့်နည်းကလည်းသိပ်မခက်ခဲပါဘူးနော် အောက်မှာ သေခြာ ရှင်းပြထားပါတယ်...ဒါလေးက style 3 ပုံစံလေးဖြစ်ပါတယ်...နော်

►1- Blogger Singin ဝင်လိုက်ပါ။

►2- Dashboard ကိုသွားလိုက်ပါ။

►3- Template ကိုကလစ်ပါ..။

►4- Edit Html ကိုဝင်ပါ..

►5- Ctrl+F (သို့မဟုတ်) F3 အကူညီဖြင့် ပေးထားတဲ့ ကုဒ်ကို ရှာလိုက်ပါ။

]]></b:skin> ကုဒ်ကိုရှာပါ.... သည်ကုဒ်မှာ ပြဿနာ ခဏခဏဖြစ်ပါတယ် ရှာမရတဲ့ပြဿနာပေါ့

ဒါကို
သေခြာရှင်းပြပါ့မယ် သူက တက်ပလက် အသစ်ပြောင်းလိုက်တဲ့ခါမှာ အရင်ကလို
ကုဒ်ဒင်းတွေ ရှာဖွေ ရမလွယ်တော့ပါဘူး အကြောင်းကတော့ တက်လက်မှာ
အတွင်းပိုင်းကုဒ်တွေကို ခေါက်ထားလို့ပါဘဲ အဲတော့ ကိုယ်လိုခြင်တာ
ရေးရှာတာနဲ့ ထွက်မလာတတ်ပါ

တတ်ပါဘူး ဒါကိုကျနော်တို့ နည်းလမ် သုံးကြည့်ရပါတယ် ]]></b:skin> သည်ကုဒ်အတိုင်းရှာမရပါဘူး သည်တော့ b:skin ဆိုတာလေးကိုဘဲ ရေးထည့်ရှာကြည့်ပါ...

တွေ့မှာ သေခြာပါတယ် တွေ့တဲ့ခါ ဘေးမှာ မျှားအနက်လေးနဲ့ တွေ့မယ် အဲမျှားကိုကလစ်လိုက်ခြင်းဖြင့်

သူခေါက်ထားတဲ့ ကုဒ်တွေကို ဖြန့်လိုက်တာဖြစ်ပါပြီ ဒါဆို ကိုယ်လိုခြင်တဲ့ ကုဒ်တိုင်း ရေးရှာနိုင်ပါပြီနော်..

တွေ့ပြီဆိုတာနဲ့ သူ့အပေါ်ကပ်လျှက် အောက်ကပေးထားတဲ့ ကုဒ်တွေ ကို copy ယူပြီးထည့်ပေးလိုက်ပါ။

/* X-Gen Loader */ 
#xgenloader-screen {z-index:999999;background:#000;width:100%;height:100%;position:fixed !important;position:absolute;top:0;right:0;bottom:0;left:0;text-shadow:none;} 
#bowlG{ 
position:relative; 
width:128px; 
height:128px;margin:20% auto; 
} 
#bowl_ringG{ 
position:absolute; 
width:128px; 
height:128px; 
border:11px solid #5C5C5C; 
-moz-border-radius:128px; 
-webkit-border-radius:128px; 
-ms-border-radius:128px; 
-o-border-radius:128px; 
border-radius:128px; 
} 
.ball_holderG{ 
position:absolute; 
width:34px; 
height:128px; 
left:47px; 
top:0px; 
-moz-animation-name:ball_moveG; 
-moz-animation-duration:1.3s; 
-moz-animation-iteration-count:infinite; 
-moz-animation-timing-function:linear; 
-webkit-animation-name:ball_moveG; 
-webkit-animation-duration:1.3s; 
-webkit-animation-iteration-count:infinite; 
-webkit-animation-timing-function:linear; 
-ms-animation-name:ball_moveG; 
-ms-animation-duration:1.3s; 
-ms-animation-iteration-count:infinite; 
-ms-animation-timing-function:linear; 
-o-animation-name:ball_moveG; 
-o-animation-duration:1.3s; 
-o-animation-iteration-count:infinite; 
-o-animation-timing-function:linear; 
animation-name:ball_moveG; 
animation-duration:1.3s; 
animation-iteration-count:infinite; 
animation-timing-function:linear; 
} 
.ballG{ 
position:absolute; 
left:0px; 
top:-30px; 
width:51px; 
height:51px; 
background:#FF0000; 
-moz-border-radius:43px; 
-webkit-border-radius:43px; 
-ms-border-radius:43px; 
-o-border-radius:43px; 
border-radius:43px; 
} 
@-moz-keyframes ball_moveG{ 
0%{ 
-moz-transform:rotate(0deg)} 
100%{ 
-moz-transform:rotate(360deg)} 
} 
@-webkit-keyframes ball_moveG{ 
0%{ 
-webkit-transform:rotate(0deg)} 
100%{ 
-webkit-transform:rotate(360deg)} 
} 
@-ms-keyframes ball_moveG{ 
0%{ 
-ms-transform:rotate(0deg)} 
100%{ 
-ms-transform:rotate(360deg)} 
} 
@-o-keyframes ball_moveG{ 
0%{ 
-o-transform:rotate(0deg)} 
100%{ 
-o-transform:rotate(360deg)} 
} 
@keyframes ball_moveG{ 
0%{ 
transform:rotate(0deg)} 
100%{ 
transform:rotate(360deg)} 
}

နောက်တဆင့်အနေနဲ့ ကုဒ်တစ်ခု ထပ်ရှာပါ့မယ် <body> ကိုရှာပါ တွေ့တာနဲ့ သူ့အောက်က ကပ်လျှက်ဘဲ ပေးထားသော အောက်ကကုဒ်တွေယူထည့်ပေးလိုက်ပါနော်

အိုကေပါပြီ မိမိတို့ တက်ပလက်ကို ဆေ့လိုက်ပါတော့.... စိတ်မချပါက preview နဲ့စစ်ဆေးနိုင်ပါတယ်

အနော် ကတော့ တန်းဆေ့လိုက်တယ် ကွက်စိဘဲ..ေိေိ...

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

***************************************

ဘလော့ခရီးသည်သို့ { ဒီမှာ } သွားလိုက်ပါ

လယ်တီမြေသားသို့{ ဒီမှာ } သွားလိုက်ပါ

Myanmar Techs

Thursday, December 18, 2014

ဘလော့ ဖွင့်ဖွင့်ချင်း Loading Blog ဆိုတဲ့ စတိုင်လေးကို CSS3 နဲ့ ဖန်တီးကြမယ်-( ၃ )

No comments:

Myanmar Font & KeyBoard

Followers