က်ယ္၀န္းလွတဲ့ ဒီေလာကႀကီးထဲမွာ ကၽြန္ေတာ္တို႔တေတြ ဆံုဆည္းၾကတယ္... ခင္မင္ရင္ႏွီးၾကတယ္ မၾကာခင္မွာပဲ ခင္မင္ရင္းႏွီးပါတယ္ ဆိုတဲ့ သူေတြနဲ႔ ခြဲခြါၾကရျပန္တယ္ အဲဒီလို... တုိေတာင္းလွတဲ့ ေတြ႔ဆံုခ်ိန္ေလးအတြင္းမွာ အားလံုးဟာ အမုန္းေတြ အာဃာတေတြ မထားရွိၾကပဲ ဒီေလာက ဟင္းလင္းျပင္ ႀကီးထဲမွာပဲ ခင္ခင္မင္မင္ ရင္းရင္းႏွီးႏွီး နဲ႔ ေပ်ာ္ရႊင္စြာပဲေနထုိင္ သြားၾကပါစုိ႔

Float Image ထည့္သြင္းျခင္း

ကိုယ့္ ဘေလာ့မွာ Float Image ေလးထည့္ၾကရေအာင္.....
ပထမဆံုး blogger မွာ SignIn ၀င္လို္က္ပါ Layout>>>Edit HTML မွာ ]]></b:skin> ဆိုတဲ့ CODE ေလးကို Ctrl+F နဲ႔ ရွာၿပီး ေတြ႔ရင္ သူ႔အေပၚမွာ ဒီ CODE ေလးေတြ Copy ယူၿပီး 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);}

"bottom" and "left" ေနရာမွာ ကိုယ္ေပၚေစခ်င္တဲ႔ေနရာ အစားထုိးႏုိင္ပါတယ္ "top", "center", "right" စသျဖင့္ေပါ့
အဒါေလးၿပီးရင္ေတာ့ </body> ဆိုတာေလးကို ေစာေစာကအတိုင္း ရွာလိုက္ပါ ေတြ႔ရင္ သူ႔ေရွ႕မွာ ေအာက္က CODE ေလးေတြ Copy ယူၿပီး Paste လုပ္လိုက္ပါ

<div id="float_corner">



<a href="http://www.hinnlin.co.cc/">

<img src="http://blogoholic.info/files/soniclari.gif" border="0" /></a>



</div>



အနီေရာင္link အစားကိုယ္ညႊန္းခ်င္တဲ႔ Link ကိုေျပာင္းထည့္ပါ။
ေပးထားတဲ႔ .gif animation ေလးကိုမၾကိဳက္ရင္ ကိုယ္ၾကိဳက္ရာ ပံုေလးေတြကို ႏွစ္သက္ရာဆုိက္တစ္ခုခုမွာ Upload တင္ၿပီး အစိမ္းေရာင္ ျပထားတဲ႔ URL မွာ အစားသြင္းလိုက္ပါ။ ကိုယ္ထည့္ထားတဲ့ .gif animation ရုပ္ေအာက္မွာ စာညႊန္း ထည့္ခ်င္ရင္ေတာ့ အေပၚမွာ ေတြ႔ခဲ့တဲ့ အတိုင္း ' URL........... .gif '/> နဲ႔ </a> ၾကားမွာ <br/> မူလသို႔>>>

စသျဖင့္ ႏွစ္သက္ရာေခါင္းစဥ္ေလးေပးႏုိင္ပါတယ္။ ၿပီးရင္ေတာ့ Save လိုက္ပါ။ အဆင္ေျပပါေစ...........

စိတ္ႀကိဳက္ သံုးလို႔ရေအာင္ .gif animation URL ေလးေတြထည့္ေပးထားပါတယ္ အဆင္ေျပမယ္ထင္တာေလး ေရြးၿပီး အသံုးျပဳႏုိင္ပါတယ္။


http://blogoholic.info/files/soniclari.gif


http://img26.picoodle.com/data/img26/3/9/6/f_02m_9b2ddd9.gif


http://img37.picoodle.com/data/img37/3/9/6/f_03m_da29bea.gif


http://img32.picoodle.com/data/img32/3/9/6/f_04m_25aab7b.gif




http://img26.picoodle.com/data/img26/3/9/6/f_06m_2af7ce3.gif







No comments:

Post a Comment