After writing the last post on social bookmarking i decided to look into creating floating bookmarking buttons.The buttons i wanted would be positioned in the bottom corner of the page and as the reader scrolled the buttons would stay fixed in position.At the time of writing i have the fixed social buttons on this blog in the bottom right corner.In case i change in the future you can see how they look on the Demonstration Blog Here.
I have used only Facebook And Twitter Buttons, Other could be added.
There are a number of ways to position the buttons but i have found a very easy way that just involves adding code to a gadget on your Layout/Design page.
<a href=’http://www.spiceupyourblog.com’><img alt=’Best Blogger Tips’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png’/></a><div style=’position: fixed; bottom: 1%; left: 1%;’/>
tweetmeme_url = ‘<data:post.url/>’;
</div><a href=”http://www.spiceupyourblog.com” target=”_blank”><small>Get Floating Social Buttons</small></a>
You can change the position of the buttons by makeing a change to the code.The current position is bottom left as highlighted in red.
To put the buttons in the bottom right corner change like this :
bottom: 1%; right: 1%;
top: 1%; left: 1%;
top: 1%; right: 1%;
Once you have the code entered save the gadget and check out the result on your blog.
What do you think ? Let us know !