Saturday 6 April 2013

How to Make a Simple Back to Top Widget in Blogger

Leave a Comment
How to Make a Simple Back to Top Widget in Blogger
"Back to Top" links are a common feature in web design. Placed at the end of a long article or at intervals throughout an article, they enable the reader to click once to jump back to the top of the page without having to use the scrollbar. You can add such links to your Blogger posts by opening a post in Blogger's HTML editor mode and adding the simple link code.
  1. Create or locate the image you want to use as your button. This does not have to be fancy and may web authoring programs have built-in button creating functions. If not, check free button generator sites, like Buttongenerator.com.

  2. Login to your Blogger Dashboard and proceed to "Layout".

  3. Click "Add a Gadget" and choose "HTML/Javascript".

  4. Copy the code below and paste it inside the content box.

  5. <a title="Back to Top" href="#top" style="position: fixed; bottom: 5px; right: 5px;"><img src="URL of Image"></a>

  6. Be sure to replace "URL of Image" with the link to the image you want to use.

  7. "Save" it. It’s as simple as that!
You can search some images of "Back to Top" on search engines

Here few images for you:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlvkMgOLc-iKYMOhQMomOMOX3kfjJ4ji17sNLyNlSn2rd5L6y5Af_JQ7cm7g1CSKBIBKOWPX-z98PwnNQ1VXvCGGSn3fsOxavMjbWkGM4bNRDjeLNi9ky4qJ7b2MHxh3UuRwcUHlm_Pqrx/s400/bttp-11.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFroqdTVKZMmqGPnGnhhrxoyjDNSEQWHkPyfeKh6vsp9erfrl9gWiriq1n5Yli4YkwgSmCAbMlwojzzH0ItPPN3sRzFn-MZkrAVhj5n_ISJy4qaBjh1dMKghZlL1zEtkDYmi0Q0hoQiI6-/s400/bttp-12.png

0 comments :

Post a Comment

Related Posts Plugin for WordPress, Blogger...