How To Add Simple "Back To Top" Button To Blogger

ဒီေန႔ထပ္ၿပီးတင္တဲ့ ပုိ႔(စ္)ေလးက Simple "Back To Top" Button ေလးပါ။ ဒီ Cond ေလးေတာ့ ရုိးရုိးေလးပါပဲ။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင့္ပါတယ္။ လုိတာေလးေတြရွိရင္လည္း Google မွာ Sign In ၀င္ေပးၿပီး Comment & Chat box ေတြမွာ ေဖာ္ျပလုိ႔ရပါတယ္။ က်ေနာ္အတတ္နုိင္ဆုံးကူညီသြားပါမယ္။

၁။Sign In Blogger

၂။ Layout

၃။ Add a Gadget

၄။ HTML/JavaScript

၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။

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

ထည့္ၿပီးရင္ Save ကုိနုိပ္လုိက္ပါ။

မွတ္ခ်က္။ ။ http://img140.imageshack.us/img140/5843/top1.png ေနရာမွာ မိမိႀကဳိက္တဲ့ ပုံရဲ႕ လင့္(ခ္) ေျပာင္းလုိ႔ရပါတယ္။

ေအာက္မွာ Top Icon ေလးေတြကုိ ပုံနွင့္တကြ လင့္(ခ္) လည္းေဖာ္ျပေပးလုိက္ပါတယ္။ မိမိႀကဳိက္ရာ ေရြးခ်ယ္နုိင္ပါတယ္။

၁။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Rz-yhRx2Opi_y_JU-hgXLLDEJmmdVB53UfLLeUOqfoT5oOH5AIvAlvZSjam3bXz40U09TuKggCXuPh5WVvrFbXCggHThcsu5lC5dWUoUSgQmPHmvaE0V7kQ8ThDRzPXYwijo9ajnV7Q/s1600/back_to_top.png

၂။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZvYJRKjMbQJoM7R2qrcqnBvyQD2_Xd8gzfGjcEgKSgxtnzMHDtjs-idV05QQGnFcCS3SFtFoz_deDawPpkbk-6gFAnfG4wHbocMhd2n9Cyh7rbCPqHPt0_Nr6Oc9LU_s_d8cyt5HMOg/s1600/back+to+top+button.png

၃။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJJPwBvIZ5Azm1zrKYLAZyM8r9qYevednyzsZf9jCFtBU5S_WNQA8vLuTzohOqcq-ILboGh9g4fKRKLe_sBoJa-NwUPH7cCJO4oGhRDNoelwNFMGD5EGTZl9YSeGzv8evTX4-jllm4_0/s1600/back+to+top+icon.png

၄။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPlFNzXPI24Y9XgLEkbbOC5-wlRIeJkdQHj4Iv_gvTy8Acx3w4uDQOICl97qo2_K7Av9DveIWamszTPbQ4LtAANm6nlLybVtHTrOPMgmSXZkPQspWzEE_SMLJgKVdQLkBm5Bn3KJaN2X0/s1600/Back_to_top_image.png

၅။ http://2.bp.blogspot.com/
eC4IJevOmwo/UIAzTqqhWgI/AAAAAAAABHI/QQbN0AnGPGo/s1600/back+to+top(3).png

၆။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Gu6N8PDiu_B8ny9gyANEcXWD4OS-bzsxIA9Zy0CCsfgzPdLYdAjdzxj71_v_I3rLyDKoEIwtRVAv7BZsXVWDNXyW0IMeFi9Wp7nfX2QWNhENrcuokS1UdNymHB83pnRkcy5uYs_WUAI/s1600/back+to+top(2).png

၇။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4kpc9FaAqxEKiMsUPDX9faV6OXLsWb9GK-aW4bL9cMx4nfHklXA8L7diJx4WQyFLl0TFNq-QZuG4axUyi7Xh3mcO7ZQtXlIec3qNY5U2GtduMHCCg9Epgsf2mA5wnW9mmWqDNCJkzvwU/s1600/Back+to+Top.png

၈။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOBKKNy15R98beS9L2CA6bKkPlTGKMst1rvtVv7kmLduYvgBF3Wb6sIspWwHG-ROZC_ZisiCLnWG3HEEG4v0jtIcB9snrLej95yNG7rjV_2aDu9DHrDzLTAetEO-7rs-Y4HlkgB74i5PE/s1600/top.png