Blog Posts မွာရိွတဲ.ပံုေတြကိုေမာက္တင္တာနဲ.ႀကီးလာေစခ်င္ရင္

ဒါေလးကေတာ.မိမိတို.ဘေလာ.ကပို.စ္ေတြမွာရိွတဲ.ပံုေတြကိုေမာက္တင္လိုက္တာနဲ.
ႀကီးလာေစမဲ.နည္းေလးပါ.. တစ္ျခားဘေလာ.ေတြမွာလဲေရးထားတာေတြေတာ.ရိွပါတယ္..
ကုဒ္ေတြကေတာ.တူခ်င္မွတူမွာပါ..နမူနာႀကည္. ခ်င္ရင္ေတာ.ေအာက္မွာရိွတဲ.ပံုေတြကိုေမာက္တင္ႀကည္.လိုက္ပါ..

စိတ္၀င္စားတယ္ဆိုရင္ေတာ.ေအာက္ကနည္းအတိုင္းပဲဆက္လုပ္လိုက္ပါ..

1. Blogger Account  Sign in လုပ္ပါ
2. Template > Edit HTML ကိုသြားပါ
3. ]]></b:skin>  ဆိုတဲ.ကုဒ္ေလးကိုရွာပါ..
4. ေတြ.ပီဆိုရင္ေအာက္မွာေပးထားတဲ.ကုဒ္ေတြကိုကူးယူျပီး ]]></b:skin>ဆိုတဲ.ကုဒ္ေလးရဲ.အေပၚမွာ Paste ခ်လိုက္ပါ
   
   .MBT-CSS3 img{ -webkit-transform:scale(0.7); /*Webkit 0.7 times the original Image size*/ -moz-transform:scale(0.7); /*Mozilla 0.7 times the original Image size*/ -o-transform:scale(0.7); /*Opera 0.7 times the original Image size*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla Animation duration*/ -o-transition-duration: 0.5s; /*Opera Animation duration*/ opacity: 0.5; margin: 0 10px 5px 0; } .MBT-CSS3 img:hover{ -webkit-transform:scale(1.1); /*Webkit: 0.5 times the original Image size*/ -moz-transform:scale(1.1); /*Mozilla 0.5 times the original Image size*/ -o-transform:scale(1.1); /*Opera 0.5 times the original Image size*/ box-shadow:0px 0px 30px gray; -webkit-box-shadow:0px 0px 30px gray; -moz-box-shadow:0px 0px 30px gray; opacity: 1; }
   
   
   6.Template ကိုSave လုပ္လိုက္ပါ
   ဘေလာ.ပိုစ္.တင္တဲ.အခါမွာေအာက္ကကုဒ္ေတြကိုေကာ္ပီကူးပီး HTML ကေနထည္.ပါ..  
 

<div class="MBT-CSS3">
<img src="ပံုလင္.ခ္ထည္.ရန္" />
</div>

ဒီေလာက္ဆိုရင္ေတာ.သေဘာေပါက္ႀကမယ္လို.ထင္ပါတယ္