Back to top ကို blogspots မွာ တပ္ရေအာင္

Back to top ဆိုတာကေတာ့ ဘေလာ့ဂ္စေပါ့ေတြမွာေကာ Webside ေတြမွာေကာ ေတာ္ေတာ္ေလးကို အသံုးျပဳၾကပါတယ္။

သံုးရတဲ့ အေၾကာင္းကေတာ့ ဒီလို....... တစ္ေယာက္ေယာက္ရဲ့ ဆိုဒ္က စာေတြ အမ်ားႀကီးေရးထားတယ္။

အမ်ားႀကီးေရးထားလို႔ အမ်ားႀကီး ဖတ္ရတယ္ေပါ့ဗ်ာ။ ဖတ္ရင္းနဲ႔ ေအာက္ကိုေရာက္သြားမယ္။

ဖတ္လို႔ ၿပီးသြားရင္ အေပၚကို ျပန္တက္ေနရမွာ Scroll Bar ကိုဆြဲရင္ဆြဲ၊ ဒါမွမဟုတ္ Mouse မွာပါတဲ့ ballon ေလးကို လွည့္ၿပီးေတာ့ ျဖစ္ျဖစ္ေပါ့။

အခု ဒီ back to top ေလးထည့္ထားတဲ့ရင္က်ေတာ့ အဲဒါေလးကို ႏွိပ္လိုက္တာနဲ႔ ထိပ္ဆံုးကို တန္းၿပီး ေရာက္သြားပါလိမ့္မယ္။

Scroll Bar ေတြလည္း ဆြဲစရာမလိုေတာ့ပါဘူး။
ဘေလာ့စေပါ့မွာဆိုရင္ Html/Javascript ထဲကို သြားထည့္ထားရံုနဲ႔ ရပါတယ္။

ေအာက္မွာေပးထားတဲ့ အထဲက မိမိႀကိဳက္ႏွစ္သက္တာ ယူသံုးႏိုင္ပါတယ္ ။ အဲ့တာမွ အားမရေသးဘူး မိမိကိုယ္တိုင္ လုပ္ျပီးသံုးမယ္ ဆိုရင္လည္း icon ေလးေတြရွာ ျပီးလုပ္ေပါ့ ။

အဲ့အတြက္ဘာမွ မပူနဲ႔'D ေနရာမွာ သြားရွာပါ ။
ျမွားပံုေလးေတြ လုိခ်င္ရင္လည္းရွိပါတယ္ ။ စိတ္ႀကိဳက္တာ သံုးေပေတာ့ ။အဲ့ကပံုေလးေတြရလာရင္ poto hosting site မွာ upload တင္ျပီးရလာတဲ့ လင့္ေလးကို

<a style="position: fixed;bottom: 5px;left: 5px;" href="#" title="Back to Top"><img src="ပံုထည့္ရန္ေနရာ" border="0"></a>

အဲ့မွာ ေပးထည့္လိုက္ရင္ အဆင္ေျပပါျပီ




Back to top ယူမယ္ဆိုရင္


ဘယ္ဖက္သို႕....

CSS

<a style="position: fixed;bottom: 5px;left: 5px;" href="#" title="Back to Top"><img src="http://img140.imageshack.us/img140/5843/top1.png" border="0"></a>

ညာဖက္သို႕....

CSS

<a style="position: fixed;bottom: 5px;right: 5px;" href="#" title="Back to Top"><img src="http://img140.imageshack.us/img140/5843/top1.png" border="0"></a>

ညာဖက္သို႕....

CSS

<a style="position: fixed;bottom: 5px;right: 5px;" href="#" title="Back to Top"><img src="http://i42.tinypic.com/33blk5z.jpg" border="0"></a>

ဘယ္ဖက္သို႕....

CSS

<a style="position: fixed;bottom: 5px;left: 5px;" href="#" title="Back to Top"><img src="http://i42.tinypic.com/33blk5z.jpg" border="0"></a>

Back to Top အေနနဲ႕ ပံုကို ညာဖက္မွာ ထားႏိုင္သလို ဘယ္ဖက္မွာလည္း ထားႏိုင္ရန္အတြက္ ပံုမ်ားနဲ႕ ဘယ္ညာျပေပးထားပါတယ္။ right နဲ႕ left ကို ျပေပးထားပါတယ္။ ႀကိဳက္ႏွစ္သက္ရာကို သံုးပါ။

အားလံုးအဆင္ေျပႀကပါေစဗ်ာ ....

ဒီေနရာမွ ပို႔ေလးကိုျပန္လည္မွီျငမ္းထားပါသည္ ။