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/AVvXsEgt-WlU5pj-mMiJs-j_aS0gVPeQCFGp9pPEqrydAmeWW2jicEOCqOLBsPsvEHgqAZXuxX1z4uLOJBzgo6rqnkZTdPaBCi7OIL_ZIM7lJ6O6fPFsY7ioDbrUE8ByhyphenhyphenWY0WXB22701AG2arU/s1600/back_to_top.png


၂။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7wpjstK7z0dUeVdXHQz_llkZN7RLojmwc2RgMSmyu7eO4Y7FU4qFlY1T32lpLoyGagrt44h_PhJGz-I1T5Kdp0Wl1WRf-M6ZCSS8m7Ad-zF7sUD05hirNQT75DSQsXwkjF0nTDC2mKwY/s1600/back+to+top+button.png


၃။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBQb4EFfaESOCC0UOrGc-p6W7CNq76Rv0cCo9c66T1r_6IMWCMPAUjwNoBp3F_8Waq-wYYW0Iec5IicAsw5jGO76kPzPOMr4mEgRWSlIjjDHYlxbJ_s4eykKMeoq8lZogD-TeYE5knJsE/s1600/back+to+top+icon.png

၄။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0lfkpNgFRDOohKNcxrM0775ngRlcyq6HqQxbqm_upozLT2U0LlI2esLET6si8zOPsei2rAKjnqAHADqQOqOMm-tTs5vLLE52AA0aIiQjwkR0w7gEMWDJK6uv2FpTcAP2iwMtUaqi-kfA/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/AVvXsEjtxZyQbJNVU-_4SUWsSwy2RudTJueqlxCNiz7-GT2Rsc_jiBDAcYEBe3GutZtDemfuk19EWVHWN3PjBQQfsAEOwB362BbwfyRAn86IVNtkB0-e0A7xduvfVaOZ6TdjX7xWY0WvHC51Reo/s1600/back+to+top(2).png

၇။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaM1Z-Bc9sV-2yffBGvSrc1fo8hyphenhyphen6hf97jgWA1L99JkLpn1ya2G24APOauOGPY2BNdlDrSI7UN6znzh3hg0kxBJOTaXXQ21Z6REKsGL7oBO74_ZW37b_2K5m2LIV2Mz7WlHs3kqgQJZt0/s1600/Back+to+Top.png

၈။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjspf4M4ulyzQj0v8-ZSlCu2SJYM2h4iR-D9mKOXuIq9eRHG0EYsESX_YvxkFk8g991aDSP3l0fNrrqu_565WZVmgQ7YOdL2i1qSL2o0S_s4vRktVnviboyh-zN5hncu9fSIEPpAxJnikM/s1600/top.png