Saturday, 25 February 2012

How to add Floating Share Bar to right side of blogger blogs


In this post, I am sharing with you how I moved the floating share bar on my blog from the left-hand side to the right-hand side of my blog.


If you followed the tutorial at: http://www.ogbongeblog.com/2011/04/how-to-add-facebook-share-like-buttons.html , where I explained how to add the floating share bar to blogger blogs, you will realize that the share bar appears to the left side of your blog after following the steps in the tutorial.

Neeraj of ExpertsGalaxy alerted me that the Share Bar always block/cover up part of my blog posts when he views my blog on his computer ( not on all computers) and I confirmed this when I checked my blog at some cyber cafes. As a result of this, I decided to shift it to the right as you can see in the picture below:




So, if you followed my tutorial above and now want to move it to the right, just look for the code below and change the "left" highlighted in red to"right".

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border-radius:5px;

That's all.

I hope this helps....