Wednesday, October 30, 2013

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


                                      Alternate Text
                                                 Alternate Text
                                                  

အထက္ပါကဲ့ သို့ 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 မွာတင္တဲ့ ပံုတိုင္း လည္ေနမွာ ျဖစ္ပါတယ္....


ဒုတိယနည္း

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 ကိုထည့္သြင္းပါ။


From... ေလလြင့္ေနတဲ့လူ....- အြန္လိုင္းေပၚမွ ေတြ ႕ရွိသမွ်


No comments:

Post a Comment