Blog Post မွာတင္လိုက္တဲ့ပံုေတြ ေသးေနရင္

ကၽြန္ေတာ္တို႔ဟာ ဘေလာ့မွာ ပို႔စ္ေတြေရးတဲ့အခါ လိုအပ္ရင္ ပံုေလးေတြနဲ႔ ျပရတဲ့အခါမ်ိဳးေတြရွိပါတယ္ .. ဒါေပမယ့္ ပံုေတြကို သာမာန္အတိုင္းတင္လိုက္ရင္ Blogger က Fix လုပ္ပစ္လိုက္တဲ့အတြက္ ကၽြန္ေတာ္တို႔ရဲ႕ပံုေတြဟာ ကိုယ္တင္ျပခ်င္သေလာက္ ထင္ရွားမႈ .. ႀကီးမားမႈမရွိေတာ့တဲ့အခါ စာဖတ္တဲ့ Visitor ေတြအတြက္ ပံုကို ကလစ္ေပးၿပီးမွ ၾကည့္ေနရတာ အလုပ္ပိုသြားပါတယ္ ..
အဲဒီေတာ့ ကၽြန္ေတာ္တို႔တင္ခ်င္တဲ့ပံုကို အမွန္ကန္ဆံုးအရြယ္အစားအတိုင္း ၾကည္ၾကည္လင္ျပတ္ျပတ္သားသားျမင္ႏိုင္ေအာင္ Edit HTML ကေန ျပင္ရမယ့္ ကုဒ္ေလးေတြကို မွ်ေ၀ေပးလိုက္ပါတယ္ ..

နမူနာၾကည့္ခ်င္ရင္ေတာ့ ေအာက္ကပံုေပၚမွာ ေမာက္စ္ေလးသာ တင္ၾကည့္လိုက္ေပေတာ့ဗ်ိဳ႕ ..



Template ရဲ႕ HTML မွာသြားျပင္ရမွာမို႔ အရင္ဆံုး Template ကို Backup လုပ္ထားဖို႔ေတာ့ သတိရေစခ်င္ပါတယ္ ..
ကဲ .. စၾကစို႔ ..
အရင္ဆံုး Template >> Edit HTML >> Proceed ဆိုၿပီး အဆင့္ဆင့္ ၀င္သြားပါ .. Expand ရဲ႕ေရွ႕မွာ အမွန္ျခစ္တပ္ေပးလိုက္ပါ ..
ၿပီးရင္ေတာ့  ေအာက္က ကုဒ္ကို လိုက္ရွာပါ ..

]]></b:skin>

အဲဒီကုဒ္ရဲ႕ အေပၚတည့္တည့္မွာ ေအာက္ကကုဒ္ေတြကို ေကာ္ပီကူးၿပီးထည့္လိုက္ပါ

.zoom_img img{

height:50px;
width:50px;
-moz-transition:-moz-transform 0.1s ease-in;
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in;
}

.zoom_img img:hover{
-moz-transform:scale(2);
-webkit-transform:scale(2);
-o-transform:scale(2);
}

ၿပီးရင္ေတာ့ Save Template လုပ္လိုက္ပါ .. Error မတက္ရင္ အဆင္ေျပသေလာက္ျဖစ္သြားပါၿပီ .. (ကၽြန္ေတာ္ စမ္းၾကည့္တာေတာ့ Template Platform အမ်ိဳးအစားအားလံုးနီးပါးမွာ Error တက္တာ မေတြ႕ရပါဘူး)
ကဲ .. ပို႔စ္ထဲက ဒီကုဒ္ေတြရဲ႕ Effect ကိုထည့္သံုးခ်င္တဲ့ပံုအတြက္ HTML mode ကေန ေအာက္ကကုဒ္ပံုစံအတိုင္း ထည့္ေပးရပါမယ္

<div class="zoom_img" >
<img src="ဒါက ကိုယ့္ပံုရဲ႕လင့္"  title="ဒါကေရးခ်င္တဲ့စာေရး" />
</div>
ဥပမာ .. ကၽြန္ေတာ္ နမူနာျပထားတဲ့ပံုရဲ႕လင့္က

http://i1340.photobucket.com/albums/o733/itmotesoee/Fix%20It/1_zpsef4f982e.png ဗ်ာ

အဲဒီေတာ့ ကၽြန္ေတာ္က  Edit Post ရဲ႕ HTML mode ဖက္ကေန ဒီလိုထည့္လိုက္တာေပါ့

<div class="zoom_img" >
<img src="http://i1340.photobucket.com/albums/o733/itmotesoee/Fix%20It/1_zpsef4f982e.png"  title="Magnify image on mouse hover using CSS" />
</div>
ကဲ .. အားလံုးအဆင္ေျပၾကပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္


    အိုင္တီမုဆိုး