Monday, April 5, 2010

Back to Top & Top to Back



Dear visitors I am thinking about how to add a script of  arrow button (up/down both direction). So today I decide to adding new script of arrow moving both direction. I hope you like it. I already posted  one direction moving Trick.  Now try both direction moving trick.

NOW FOLLOW SOME STEPS:-

  • First Sign In your blog 
  • Then Go to Layout
  • After that click on Add A Gadget.

  • Choose HTML & Java Script Gadget 
  •  Click on + Button for Adding Gadget
  • After that copy below code from here and paste it on HTML Java script gadget. 
 
<a style="position: fixed; bottom: 260px; right: 5px;" href="http://www.blogger.com/rearrange?blogID=4484767942297659240&amp;action=editWidget&amp;sectionId=sidebar-right-1&amp;widgetType=null&amp;widgetId=HTML15#" rel="nofollow" title="Back to Top"><img style="border: 0pt none;" src="http://i31.tinypic.com/2vtqqt3.png" /></a>

<br>
  <a style="position: fixed; bottom: 225px; right: 5px;" href="http://www.blogger.com/rearrange?blogID=4484767942297659240&amp;action=editWidget&amp;sectionId=sidebar-right-1&amp;widgetType=null&amp;widgetId=HTML15#GoDown"><img style="border: 0pt none;" src="http://i32.tinypic.com/16lle91.png" /></a>
  • Now Go to Layout and then click on Edit Html
  • Now find </body> tag in your template
  • Press ctrl+F and find body tag
  •  Paste the below code before body </body> closing tag 

 
<a name='GoDown'/>


  •  After adding click on Save Template.
  • If you have some doubt you can also backup of your template.
  • Click on Download Template. 
  • Now view you blogger Click on Arrow for up and down.
  • I hope you like this trick

COMMENT PLEASE