Sunday, November 17, 2013

Back to the top - 11 Awesome Arrows




This is really  great thing for the long posts, articles or whatever you have on your blog / website so this is really more than helpful and so easy to integrate into the system, at least in blogger will not be a problem, or any other platform because it works on jQuery system so it's everything in perfect order. So let's start and finish very quickly: 
As always - blogger, design or layout, or whatever writes, add a gadget, choose HTML / JavaScript, and put the code which is below in it:

<!--back to top widget Start--><script src='http://ajax.googleapis.com/ajax/libs /jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#rb-top").fadeIn()}else{$("#rb-top").fadeOut()}});$("#rb-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a href="http://bitly.com/BloggerPlayground"></a><a id='rb-top' style='display: none; position: fixed; bottom: 1px; right:0%; cursor:pointer;font:12px arial;'><img src='BUTTON URL' width="50px"height="50px"/></a><!--back to top widget End-->

Replace "BUTTON URL" with URL codes below that you want to add or change the arrow to the left or right 
See demo how it works to me, if there is a problem, keep me on time 






BUTTON 1 




BUTTON 2 




BUTTON 3 



BUTTON 4





BUTTON 5





BUTTON 6 





BUTTON 7 





BUTTON 8 




BUTTON 9 





BUTTON 10 





BUTTON 11 





There you go... Just add these codes and that's it. If you have a problem, leave a comment. If you like, Like, share, etc...
Happy blogging dears.


Related Posts Plugin for WordPress, Blogger...

0 comments:

Post a Comment