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




| 4 comments

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.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

4 comments:

  1. Thanks this looks like a smart thing to have. Just one thing. Do you have a tutorial for how to add the bar that scrolls down with you on this website (it has tweet, like, +1 ect.)

    ReplyDelete
  2. Ok I just put it on my blog and the images show up side by side rather than on top of each other.

    ReplyDelete
  3. Ok forget that last comment. I just added some
    's to the code and its all good. thank you :)

    ReplyDelete
  4. Need custom height and width to paste in website. Screenshot for this is recommended.

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us