ဘေလာ့မွာ တင္တဲံပုံေလးေတြ ယိမ္းႏြဲ႕ကျပေနသလို လုပ္ၾကမယ္...

 

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

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

 ►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  လုပ္ျပီးမိမိဘေလာ့ေပၚေရာက္မွသာလွ်င္  ယိမ္းႏြဲ႕ ကျပေနမွာပါဗ်ာ..... အဆင္ေျပပါေစ....

Posted in: Blogs Post