Spice Up Your Blog

Subscribe And Follow Icons Gadget Using Sprite Effect For Blogger

Posted: 25 Jun 2012 05:54 AM PDT

A friend had asked me for help implementing some social icons using a sprite technique she had seen a tutorial for on Rob Cubbon's blog.I came to her aid and the result was great and using sprites has some advantages.By using a sprite image we can easily display the icons in black and white they then change to color on hover.Also we only use one image instead of 14 which helps with the load speed of your blog.It worked so well I decided to provide the tutorial for all our readers.Once added to your Blogger sidebar it will display icons for Google +, Your Rss Feed, Email Feed, Facebook, Twitter, LinkedIn and YouTube.

You can check out a live demo below, the icons are at the top of the sidebar and credit goes to Rob Cubbon, make sure to check out his site.As we are using a sprite unless you create a new sprite image you cant add extra icons.