Member ၀င္ရန္.............

Tuesday, October 23, 2012

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

Reactions:

0 comments:

Post a Comment