ဘလော့မှာ တင်တဲံပုံလေးတွေ ယိမ်းနွဲ့ကပြနေသလို လုပ်ကြမယ်...

 

အားလုံးမင်္ဂလာပါ..... ဘလော့ခရီးသည် မိတ်ဆွေများအား  သည်နေ့ လက်ဆောင်လေးတစ်ခုပေးပါရစေ.

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

 ►1-  Blogger Singin ဝင်လိုက်ပါ။
►2-  Dashboard  ကိုသွားလိုက်ပါ။
►3-  Template    ကိုကလစ်ပါ..။
►4-  Edit  Html   ကိုဝင်ပါ..
►5- Ctrl+F  (သို့မဟုတ်) F3  အကူညီဖြင့် ပေးထားတဲ့ ကုဒ်ကို ရှာလိုက်ပါ။

]]></b:skin>   သည်ကုဒ်ကိုရှာပါ တွေ့တာနဲ့ သူ့အပေါ်ကပ်လျှက်  ပေးထားသော အောက်ကကုဒ်များကို ထည့်ပေးပါ

.swing { transform-origin:50% 0; -moz-transform-origin:50% 0; -webkit-transform-origin:50% 0; animation:swinging 10s ease-in-out 0s infinite; -moz-animation:swinging 10s ease-in-out 0s infinite; -webkit-animation:swinging 10s ease-in-out 0s infinite; } @-webkit-keyframes swinging { 0% { -webkit-transform: rotate(0);} 5% {-webkit-transform: rotate(10deg);} 10% {-webkit-transform: rotate(-9deg);} 15% {-webkit-transform: rotate(8deg);} 20% {-webkit-transform: rotate(-7deg);} 25% {-webkit-transform: rotate(6deg);} 30% {-webkit-transform: rotate(-5deg);} 35% {-webkit-transform: rotate(4deg);} 40% {-webkit-transform: rotate(-3deg);} 45% {-webkit-transform: rotate(2deg);} 50% {-webkit-transform: rotate(0);} 100% {-webkit-transform: rotate(0);} } @-moz-keyframes swinging { 0% {-moz-transform: rotate(0);} 5% {-moz-transform: rotate(10deg);} 10% {-moz-transform: rotate(-9deg);} 15% {-moz-transform: rotate(8deg);} 20% {-moz-transform: rotate(-7deg);} 25% {-moz-transform: rotate(6deg);} 30% {-moz-transform: rotate(-5deg);} 35% {-moz-transform: rotate(4deg);} 40% {-moz-transform: rotate(-3deg);} 45% {-moz-transform: rotate(2deg);} 50% {-moz-transform: rotate(0);} 100% {-moz-transform: rotate(0);} } @keyframes swinging { 0% {transform: rotate(0);} 5% {transform: rotate(10deg);} 10% {transform: rotate(-9deg);} 15% {transform: rotate(8deg);} 20% {transform: rotate(-7deg);} 25% {transform: rotate(6deg);} 30% {transform: rotate(-5deg);} 35% {transform: rotate(4deg);} 40% {transform: rotate(-3deg);} 45% {transform: rotate(2deg);} 50% {transform: rotate(0);} 100% {transform: rotate(0);} }

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

<img alt="post-image" class="swing" src="PASTE YOUR IMAGE URL HERE"

"style="animation-delay: 0.8s;-webkit-animation-delay: 0.8s;-moz-animation-delay: 

0.8s;animation-delay: 0.8s;"/>

 အဲကုဒ်လေးကို သုံးရမှာပါ သုံးနည်းကတော့ မိမိတို့ ပို့စ်တင်တဲ့ ခါ  ပို့ဇယားထိပ်မှာ  Compose  နဲ့

HTML  ဆိုတဲ့စာသားလေးတွေ့မှာပါ..  အဲနှစ်ခုက  HTML ဆိုတာကိုကလစ်ပါ ကုဒ်တချို့ ကျလာတာတွေ့မယ်..ဖျက်လိုက်ပါ... အဲနောက်  အပေါ်က  ကုဒ်ကို ကော်ပီ ယူထည့်လိုက်ပါ....

PAST  YOUR  IMAGE  URL  HERE  ဆိုတဲ့နေရာမှာ မိမိတို့ ထည့်လိုသော ပုံရဲ့လင့်ကိုထည့်ပေးလိုက်ပါ.... ဒါဆို  အိုကေပါပြီ...ပြီးတာနဲ့  Compose  ပြန်ကလစ်ပါ  ပုံလေးကိုတွေ့နေရပါပြီ... သည်ထဲမှာတော့ ယိမ်းးမနေပါဘူးနော်  Publish  လုပ်ပြီးမိမိဘလော့ပေါ်ရောက်မှသာလျှင်  ယိမ်းနွဲ့ ကပြနေမှာပါဗျာ..... အဆင်ပြေပါစေ....

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

Blogger နည်းပညာများ,

Rate this posting:

{[['']]}

Posted in: Blogger နည်းပညာများ