blogger မွာ Post ကို လန္းလန္းေလးတင္ၾကမယ္

• ဒီအေၾကာင္းအရာ အရာေလးကလဲ blogger သမားအတြက္ နည္းလမ္းပဲ ျဖစ္ပါတယ္.။ blogger မွာ ပံုေလးေတြကို Post တင္ရာမွာ ဒီဇိုင္းေလးေတြ သံုးျပီး တင္နည္းေလးေတြ တင္ျပခဲ့ပါတယ္။ အခုအေၾကာင္းအရာေလးကလဲ blogger သူငယ္ခ်င္းမ်ား Post တင္ရာမွာ ပံုေလးေတြကို ဒီဇိုင္းမ်ိဳးမ်ိဳး ႏွင့္တင္ႏိုင္ေအာင္ ေနာက္တစ္မ်ိး မွ်ေဝလိုက္ပါတယ္..။ ဒီေကာင္ေလးကေတာ့ Template မွာ css code ထည့္ထားရပါတယ္။ ေနာက္တစ္ခုက Post တင္ရာမွာ HTML Code ကို အသံုးျပဳျပီး ေရးသားရပါတယ္။  အဆင့္ကေတာ့ 2 ဆင့္လုပ္ေဆာင္ရမွာ ျဖစ္ပါတယ္။ သိျပီးသား  သူငယ္ခ်င္းမ်ား ေက်ာ္ဖတ္ေပးသြားပါ။မသိေသးေသာ သူငယ္ခ်င္းမ်ား စလိုက္ရေအာင္။
• ပထမဆံုး မိမိ ဘေလာ့၏ Template> Customize> ကိုသြားလိုက္ပါ ေအာက္မွာ ပံုေလးျပထားပါတယ္။

• ေနာက္တစ္ဆင့္အေနနဲ႔ Advanced > Add Css ကိုသြားလိုက္ပါ..။ေအာက္က ပံုေလးကိုၾကည့္ပါ။ အဲမွာ css ထည့္ရန္ေဘာက္{ (၄) ေနရာအထိေရာက္ေအာင္သြားလိုက္ပါ...။ "ဒီေနရာမွာ ကုဒ္ထည့္ပါ" ဆိုတဲ့ ေနရာေလးမွာ ေအာက္မွာ ေပးထားတဲ့ ကုဒ္ေလးေတြကို Copy ယူျပီး ထည့္ေပးလိုက္ပါ။ ျပီးရင္ေတာ့ Apply to Blog ကို ကလစ္ျပီး Temlpate ကို Save လိုက္ပါ။ တစ္ပိုင္းျပီး သြားပါျပီး။(မွတ္ခ်က္ css ကုဒ္မ်ားကို  Template>>edit HTML ကိုသြားျပီး ]]></b:skin>  ကုဒ္အေပၚက ထည့္ေပးရင္လဲ ရပါတယ္ အတူတူ ပါပဲ)
  

.hover4wadi img {
     opacity: 1.0;
     filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand');
     zoom: 1;
     -moz-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     -webkit-transition: all 0.8s ease-out;
     -ms-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
}
.hover4wadi:hover img {
     opacity: 0.5;
     filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455,  sizingMethod='auto expand');
     -moz-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg);
     zoom: 1;
     -moz-box-shadow: 1px 1px 4px #000;
     -webkit-box-shadow: 1px 1px 4px #000;
     box-shadow: 1px 1px 4px #000;
}

post တင္ရာမွာ ဘယ္လိုသံုးမလဲေအာက္မွာ ေပးထားေသာ ကုဒ္ေတြကို Copy ယူလိုက္ပါ ျပီးရင္ေတာ့ New Post ကို သြားျပီး Post အသစ္တင္ေတာ့မယ္ဗ်ာ..။ အဲမွာ HTML ကို ေရြး ျပီး Copy ယူလာတဲ့ html ကုဒ္ေတြကို Paste လုပ္လိုက္ပါ။


HTML Code

<center><a class="hover4wadi" href="'Dေနရာမွာ ပံု၏ URL ကို ထည့္ပါ" imageanchor="1"
style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185"
 src="Dေနရာမွာလဲ ပံု၏ URL ကို ထပ္ထည့္ပါ" width="320" /></a></center>

• ဒီတစ္ခါေတာ့ မိမိ တင္လိုက္တဲ့ Post ေလးက ပံုေလးကို ၾကည့္လိုက္ပါ။လန္းေနတာကို ေတြရပါလိမ့္မယ္။ အားလံုးအဆင္ေျပလိမ့္မယ္လို႔ ေမွ်ာ္လင့္ပါတယ္ခင္ဗ်ာ..။ ဆက္လက္မွ်ေဝပါဦးမည္..။                    ေမာင္ေအးလြင္(ဘူးေရမ်က္ရြာ)

ဒါေလးကို ဖတ္ေပးပါဒီဘေလာ့ေလးသည္ ဘူးေရမ်က္ရြာ (wall.fm) ဆိုဒ္ေလးမွ တည္ေထာင္ထားပါသည္ ဘာေၾကာင့္လဲဆိုေတာ့ wall.fm ဆိုဒ္မ်ား free မရေတာ့လွ်င္ ယၡဳဘေလာ့တြင္ ဆက္လက္မွ်ေဝသြားႏိုင္ရန္ စီစဥ္ထားျခင္းျဖစ္ပါသည္