How to Install Widgets on the Blog Back to Top

March 26, 2011 | 01:42

Widget "Back to the Top" is very important in pairs on the blog, especially if the blog that we have to have post pages long. If we put this widget on your blog so visitors do not need to scroll the mouse to return to the top of the blog, but visitors can just click the button of the widget, and another advantage of this widget when the button is clicked then the page or on top of the blog will be directly appear.

Ok, so not long to put the widget back to top, follow these steps:

1. Log in to http://blogger.com
2. Click the Layouts in dashboar menu
3. Click Edit HTML
4. Do not forget to check the Expand Widget Templates
5. Backup first template that my friend had, click on Download Full Template
6. After that search for the code below </b:section>
7. You will find some of the same code from the code, but the search and make sure the code is the code that lies at the very end or bottom in the search.
8. Put the code below right under the code </b:section>

 
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i1111.photobucket.com/albums/h461/on23y/TOP2-1.jpg'/></a>

Make sure the code is code that is located on the far end or the bottom. Because in the search, you will find some of the same code. Once again make sure the code is the lowest.

Description:
1. URLs that red is the "Back to the Top" as below:



2. Replace the URL in red with owned. To create a logo or image can be created for example in photoshop or another, and then uploaded to an online storage service to Photobucket let's say, then grab the image URL code.

Hopefully useful.
Share this article :
 
Copyright © 2010-2012. PAPATITI ONLINE . All Rights Reserved.
Template modify by Creating Website