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 ေလးကုိထည့္ေပးလုိက္ပါ။

  1. <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 ေလးေတြကုိ ပုံနွင့္တကြ လင့္(ခ္) လည္းေဖာ္ျပေပးလုိက္ပါတယ္။ မိမိႀကဳိက္ရာ ေရြးခ်ယ္နုိင္ပါတယ္။ 

၁။ http://2.bp.blogspot.com/-i3F-kpwOsuY/UIAxTsMKtrI/AAAAAAAABGo/Fq4rcydG_jU/s1600/back_to_top.png


၂။ http://4.bp.blogspot.com/-rmvgycAbZs8/UIAx-XlPhpI/AAAAAAAABGw/6oOwX0a04Cg/s1600/back+to+top+button.png


၃။ http://1.bp.blogspot.com/-iHhLCLqytD0/UIAyeyGc7oI/AAAAAAAABG4/lmQEZoTJD-s/s1600/back+to+top+icon.png
၄။ http://1.bp.blogspot.com/-Jp2fuucehVo/UIAy13G_wHI/AAAAAAAABHA/KXVelVu1I_U/s1600/Back_to_top_image.png

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

၆။ http://3.bp.blogspot.com/-IPKhT5Sro58/UIAzsbLVQaI/AAAAAAAABHQ/nwAI-jkBcaQ/s1600/back+to+top(2).png

၇။ http://2.bp.blogspot.com/--3Qp4EhBAHk/UIA0ANzRamI/AAAAAAAABHY/9Z3SoveQI3Q/s1600/Back+to+Top.png

၈။ http://4.bp.blogspot.com/-bHtqpxK9QyM/UIA0hdLPACI/AAAAAAAABHg/iwBM2HLX3jI/s1600/top.png

0 comments:

Post a Comment