ဘေလာ့ဂ္မွာ Float Image ထည့္ခ်င္လွ်င္

ဘေလာ့ဂ္မွာ Float Image ထည့္သြင္းနည္းေလးပါခင္ဗ်ာ။ Float Image ဆုိတာကေတာ့ scroll bar ကုိ အေပၚ/ေအာက္ေရႊ႕ေပမယ့္ လုိက္မေရြ႕ဘဲ ေပါေလာေပၚ (floate) ေနတဲ့ ပုံေလးေတြကုိေခၚဆုိျခင္းျဖစ္ပါတယ္ (ဤစာမ်က္ႏွာ၏ ဘယ္ဘက္ေအာက္ေျခတြင္ ၾကည့္ပါ)။  စိတ္၀င္စားသူမ်ား ေအာက္ကအဆင့္မ်ားအတုိင္း လုပ္ၾကည့္ၾကပါခင္ဗ်ာ..

၁။ Blogger မွာ Sign in လုပ္ၿပီး Layout ---> Edit Html ကုိသြားပါ။

၂။ ]]></b:skin> ဆုိတဲ့ ကုတ္ကုိရွာပါ။ ေတြ႕လွ်င္ ေအာက္မွာ ေပးထားတဲ့ ကုတ္မ်ားကုိ Copy လုပ္ၿပီး ]]></b:skin> ရဲ႕အေပၚမွာ Paste လုပ္လုိက္ပါ။

#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}

၃။    အေပၚက ကုတ္ေတြထဲမွာ Bold လုပ္ထားတဲ့ ''bottom'', ''left'' ဆုိတာကေတာ့ မိမိထည့္သြင္းမဲ့ float image ရဲ႕ position ပဲျဖစ္ပါတယ္။ မိမိႏွစ္သက္သလုိ ''top'', ''right'' စသည္ျဖင့္ ေျပာင္းေပးႏုိင္ပါတယ္။

၄။    ေနာက္တစ္ဆင့္အေနနဲ႔ ေအာက္မွာ ေပးထားတဲ့ ကုတ္ေတြကုိ </body>  ဆုိတဲ့ ကုတ္ရဲ႕အေပၚကေန ကပ္ၿပီးထည့္ေပးလုိက္ပါ။

<div id="float_corner">
<a href="http://it-traveller.blogspot.com"> <img src="
http://i29.tinypic.com/r8wolf.jpg" border="0" /></a>
</div>

 ၄။    အဲဒီကုတ္ထဲမွာ http://it-traveller.blogspot.com ေနရာမွာ မိမိဘေလာ့ဂ္ရဲ႕ လိပ္စာကုိ ေျပာင္းေပးၿပီး  http://i29.tinypic.com/r8wolf.jpg ေနရာမွာေတာ့ မိမိထည့္ခ်င္တဲ့ ပုံရဲ႕ link ကုိထည့္ေပးရမွာျဖစ္ပါတယ္။ အသင့္လုပ္ၿပီးသား gif ပုံေလးမ်ားအသုံးျပဳလုိပါက ဒီေနရာကုိ သြားယူနုိင္ပါတယ္။

၅။      ၿပီးလွ်င္ Preview ၾကည့္ပါ။ save လုပ္ပါ။ အဆင္ေျပၾကပါေစခင္ဗ်ာ.....