Create Floating Back to Top Button on Blogger

Having trouble with your very long posting on Blogger?

Or too much comments appears on your articles?

Now you can reduce those efforts by using a simple script, which enables go to top floating button on your blogger blogs.

See this example:

*it shown on the right-bottom on my page

Three Steps How to create it:

1.  Log in to Blogger, go to Layout section and then click on Add a Gadget -> HTML/JavaScripttype. (Position of the widget is NOT important, it can be anywhere).
   
2. Paste the simple script below: 
   <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://i993.photobucket.com/albums/af55/weirdeetz/artdeetz/top.png" /></a>
   *the button used on the default URL http://i993.photobucket.com/albums/af55/weirdeetz/artdeetz/top.png is the same button that used on this blog. 
   To use your own button image, please change the URL with your own. Or you can download some images at the end of this tutorial.
3. Press save. And you're done! The widget should now appear on your blog.

To use your own button image, please make sure the image has 50x50px dimension and has transparent *.gif or *.png file. Here some images you can download:

download here

download here

download here

download here

or simply search here:

HowToNavigateYourBlog'sHeader

Once upon a time ^^ i found an awesome free blogger template when i type "3 colums blogger templates" as keywords in my Google search engine. Holly Google brought me to this page designed by EZwpthemes. Then i've download those script and images and change it graphics with my own style for my adorable friend's blog. It looks like this below:
I've made some improvement, adding a navigation form with simple html in the header. In the Setting>Page Elements, I've editing the header like the image below:

I used this image above as my header background.Because of the header configuration in blogger has limited characters (max 500 characters) so I used a very simple html script, like this:

<br /> <!--delete this line <a href="http://en-gb.facebook.com/weirdeetz">FcBuK</a> <a href="https://twitter.com/weirdeetz">TwtTr</a> <a href="http://weirdeetz.tumblr.com/">TmBlr</a> <a href="http://www.deetz.deviantart.com">DvntArt</a> <a href="http://www.last.fm/user/weirdeetz">LstFm</a><br /> delete this line--><br />

Hope it will usefull. Cheers! ^^

Google Blogger For Dummies

Beginning Google Blogger

Blogger: Beyond the Basics