fixed scroll

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

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 :

dc3

Live Demo – Fixed Social Icon Gadget.

How To Add The Fixed Icon Gadget

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

blogger add a gadget

Step 2. Choose A Html/Javascript Gadget

html javascript blogger

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.

Similar Posts

Add Fixed Scroll Twitter, Rss And Facebook Icons To Your Blog
Informative
88
Useful
79
Easy To Read
90
Fact
91
Reader Rating0 Votes
0
87