Blogger Tip: Scroll to Top Button

You know that wonderful "Scroll to Top" button that appears in the lower right corner of Pinterest? You know, the one that allows to you quickly and easily navigate back to the top of the page without manually scrolling back up? Now you can easily install a similar button on your blog!

I did some some serious searching on the internet to find a good code for installing a scroll to top button. I really wanted something like the Pinterest button that takes you gently back to the top and I was thrilled to find the perfect code. Want to install one yourself? Here's all you need to do:

Design Your Scroll Button

First off, you have to create a button. It doesn't have to be anything fancy. You can use PowerPoint, Publisher, or any other word processing/design program. Use the words "Scroll to Top", "Back to Top" or any other phrase that will signal to readers that a click of the button will launch you back to the top of the screen. You can incorporate an image, but it's not necessary. Just try to make the scroll button  match the overall design of your blog. Once your creation is complete, save it as a JPG or PNG file and make sure it is a small size (my button is 75x75 pixels).

Upload the Image for Your Button

Once your scroll button is complete, you need to upload it to the internet. I know a lot of people use PhotoBucket and that's a great option. I just posted in a blog post and pulled my image link from there. Not sure how? Don't worry- I've got you covered with a video tutorial!

 

Installing the Scroll Button

Now that the hard work is out of the way, all that's left is installing the Scroll button! I did some searching and found a really great code at My Blogger Tricks for a beautiful scroll effect that didn't require me to mess with my blog's template! Yay! I'm sure that the guy who created the code worked REALLY hard to develop it and I do not want to steal his hard work, so hop on over to grab the code. Make sure you grab it all- I know it's a lot of text, but it's SO worth it! Instructions are also included on his page. You just need to copy and paste his code into a gadget in your Blogger Layout, then add your image link to the code. That's all there is to it! Such a simple addition to my blog, but a wonderful little button to help blog visitors find their way back to the top!

Happy Blogging!