Add Fixed Scroll Twitter, Rss And Facebook Icons To Your Blog

Sponsored Links

One of the things all bloggers strive to achieve is building a following.Be it getting readers to subscribe to your RSS Feed, Email Feed, Follow on Twitter or become a Facebook fan.Here on Spice Up your Blog we have published lots of posts with tips and tricks to make it as easy as possible for people to connect with your blog and get the updates.In this post i have a smart gadget that will display icons for your Rss, Email Rss Twitter and Facebook on the side of your blog.The icons have a 'Follow' message above them and are Fixed so when the visitors scroll the gadgets moves down the page also.

The icons are in a great position making it as easy as possible for readers to avail of any of the options.I have also chosen Social icons that are big enough to grab the attention of the reader yet small enough to not get in the way or block any content.So this is the perfect gadget for your blog and it's really easy to add, lets add these fixed icons to your blog.

Screenshot :

fixed float social buttons

Live Demo - Fixed Social Icon Gadget.

How To Add The Fixed Icon Gadget

Step 1. In your dashboard click 'Design' > 'Add A Gadget'

add a gadget blogger

Step 2. Choose A Html/Javascript Gadget

add html javascript

Step 3. Copy the code below and paste it into the Html/Javascript gadget :

<div style='position: fixed; bottom: 30%; right: 1%;'/><a href="http://www.spiceupyourblog.com" target="_blank"><img src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TFLpI2FrjHI/AAAAAAAABio/E6hJ4A0Hb6E/s1600/follow-word-f00-right.png" /></a><br /><a href="http://www.twitter.com/TWITER USERNAME/" target="_blank"><img src="http://1.bp.blogspot.com/_rKG-ziTSNUQ/TFLqNkZq92I/AAAAAAAABi4/IbZ7W_BsTG4/s1600/icon20x20_twitter-blue.png" /></a><br /><a href="http://www.facebook.com/FACEBOOK USERNAME/" target="_blank"><img src="http://2.bp.blogspot.com/_rKG-ziTSNUQ/TFLqP6e635I/AAAAAAAABjA/yvjuCX73j1c/s1600/icon-facebook.gif" /></a><br /><a href="http://feeds.feedburner.com/FEEDBURNER ID" target="_blank"><img src="http://1.bp.blogspot.com/_rKG-ziTSNUQ/TFLqSQ87M3I/AAAAAAAABjI/UjuEty-k9_o/s1600/icon_rss_small_pc.png" /></a><br /><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER ID&amp;loc=en_US" target="_blank"><img src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TFLqVIoi2ZI/AAAAAAAABjQ/OHPJKTFTRco/s1600/rss-email.gif" /></a></div><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>

You now need to add your Twitter and Facebook Usernames and you feedburner ID were shown in red.Once you have made the necessary changes to the code you can save the gadget.

Drop Your Comments, Views And Questions Below.

Sponsored Links
Copyright 2011. All rights reserved.
artist photos