ပံုကိုထိလိုက္တာနဲ့ ပံုက ပတ္ပတ္လည္ေနေစေအာင္

                                     

                                                

                                                  


အထက္ပါကဲ့ သို့ BLOG မွာ တင္တဲ့ ပံုတိုင္း(သိုမဟုတ္). ပံုတခုခုကို ..ေမာက္ေလးနဲ့ ထိလိုက္တာ နဲ့
ပတ္ပတ္လည္ - လည္ပတ္ သြားေစရန္ျပဳလုပ္ နိုင္မဲ့ နည္းလမ္းေလး ပါ။

ဒီေန့..ရွာရင္းေဖြရင္းကလိၾကည့္တာ...အဆင္ေျပလို့ ေနာက္ျပန္ေလ့လာလို့ရေအာင္..တင္လိုက္ပါတယ္

ပထမ နည္း

ဒီနည္းက Blog မွာတင္တဲ့ ပံုတိုင္း လည္ေနမွာ ျဖစ္ပါတယ္
Blog အေကာင့္ကို ဖြင့္
Templates ကုိကလစ္ >> Edit HTML.ကိုနွိပ္
Ctrl  + F ကိုတြဲနွိပ္ျပီး  ]]></b:skin>  ကိုရွာပါ
ရွာေတြ့ရင္ ]]></b:skin> ရဲ႔အေပၚ မွာ ေအာက္က အနီေရာင္ ကုတ္ ေတြကို ေကာ္ပီယူျပီထည့္လိုက္ပါ

img {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
img:hover {
-webkit-transform:rotate(1080deg);
-moz-transform: rotate(1080deg);
-o-transform:  rotate(1080deg);
-ms-transform: rotate(1080deg);
transform: rotate(1080deg);
}


ထည့္ျပီးရင္ Save လိုက္ပါ။ ....


ဒုတိယနည္း

Blog အေကာင့္ကို ဖြင့္
Templates ကုိကလစ္ >> Edit HTML.ကိုနွိပ္
Ctrl  + F ကိုတြဲနွိပ္ျပီး  ]]></b:skin>  ကိုရွာပါ
ရွာေတြ့ရင္ ]]></b:skin> ရဲ႔အေပၚ မွာ ေအာက္က အနီေရာင္ ကုတ္ ေတြကို ေကာ္ပီယူျပီထည့္လိုက္ပါ

.rotate {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.rotate:hover {
-webkit-transform:rotate(1080deg);
-moz-transform: rotate(1080deg);
-o-transform:  rotate(1080deg);
-ms-transform: rotate(1080deg);transform: rotate(1080deg);
}

ထည့္ျပီးရင္ Save လိုက္ပါ။post မွာ ပံုတင္တဲ့ အခါ ေအာက္က ကုတ္ကို အစားထိုးထည့္ပါ။

<img class="rotate" src="Put Your Image Link Here" alt="Alternate Text" title="Title Text" />

Put Your Image Link Here ဆိုတဲ့ ေနရာ ပံုရဲ့ url ကိုထည့္သြင္းပါ။

http://www.zaylinthawtar1994.blogspot.com/