ပံုကိုထိလိုက္တာနဲ့ ပံုက ပတ္ပတ္လည္ေနေစေအာင္
အထက္ပါကဲ့ သို့ 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 ကိုထည့္သြင္းပါ။
0 comments:
Post a Comment