HOW TO ADD SIMPLE "BACK TO TOP" BUTTON TO BLOGGER

0
10/23/2012 05:03:00 AM

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

၁။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKFW-lTla0np6eUUu8LGgDMA_CQcmoovdqt47qYHJx8XnlF_sAz1L01h7cz431B2kRJRKGMjBusilOMUbvTQ82gCw9Ov9RaHNQi7vsljA6gqzAw93cE7rOyHjiOWtkV7EAToPYXYNZYuI/s1600/back_to_top.png


၂။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZSJGYXjAZE42VsOFyeJrJJX3csYLT_jCtYwhrfz4naDliYDZpWTfQhYOoC-cAZV606tNFbYNVuaT8JV0zewjR9DzEBg8-cqmzYVk7H6WXF5ICwHFmcSLp3J52tD1LwYBsqlWhZ4iyHE4/s1600/back+to+top+button.png


၃။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCi8eSGIbwkLCcKE0WD_hll6xOdg2Wy2N5IY80pAMBJGI5u0IRrcqKyK8opXcPkgUqSMGNxqO5BMpgOSh0RrP0m0T3br4-WmNeQm8f4QzR5whvlcwgp-FCr0Gp6vth2t6wgYWaHAMDtZY/s1600/back+to+top+icon.png
၄။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLoiwvvuIE6kQut5F0ZrYdH5q4evwwtlxC5ph2XJurkocz0hYud9tPouguK0_q9lXalA-cH1WGqCZXk7Bm5I9h5HC5v_2selLbFyvjSCZJKf9-DVeuOltfzDJsQu2BePPTJHo7XpegRhk/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/AVvXsEjHMywEzfh2aAZ80hNZYjLWIR6EPzSUgcXrqCN8MiSsps74BsEVRcTdwXEcsI1Lg1BJvK6h9L6nTUhcQ1IrbRGCEg0krBzcgZVvfOjGdqJgJGeFGPHKDEMCVWYEe-AMd4EHem2iLDnggMg/s1600/back+to+top(2).png

၇။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGQykEOMlHvBRM-1nQK7bxqL5HXPcplBJbQh9mvHUqpehPdWOmnFPo5KR5jxZksZmCrMXsx_xB6YZfQJW1xGrg5ZPb7EZeuM1HmDnhF-nOmmZa-0UsCHMoIDNQnq8CsSqDSVqCHAEGVy8/s1600/Back+to+Top.png

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

About the author

Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus. Aenean fermentum, eget tincidunt.

0 comments: