Apr
28
2017

Add Social Share Icons Sprite Effect To Blogger

On this tutorial we will show you how to Add Social Share Icons Sprite Effect To Blogger. This tutorial is really easy to follow and will help you to display the social share icons (Google+, Facebook, RSS and Facebook) in black and white colors, then they change to colorful on mouse hover.
Once added to your Blogger sidebar it will display icons for Google +, Your Rss Feed, Email Feed, Facebook, Twitter, LinkedIn and YouTube.

Remember Always Back Up Your Template Before You Make Changes.

1- In Your Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Customize > Advanced > Add Css.

2- Copy and Paste the following code into the Css Section :

3- Now you need to add the html for the icons and add the URLs for your social profiles.

Go to your layout page, Choose add a gadget for your sidebar, choose HTML/Javascript from the list and paste the following code into the HTML/Javascript gadget.

You are done :)

Icons Credit goes to Rob Cubbon.

Originally posted 2014-11-28 17:12:18. Republished by Imagincreation


Leave a comment

graphicsworld Blogger ,,,

On this tutorial we will show you how to Add Social Share Icons Sprite Effect To Blogger. This tutorial is really easy to follow and will help you to display the social share icons (Google+, Facebook, RSS and Facebook) in black and white colors, then they change to colorful on mouse hover.
Once added to your Blogger sidebar it will display icons for Google +, Your Rss Feed, Email Feed, Facebook, Twitter, LinkedIn and YouTube.

Remember Always Back Up Your Template Before You Make Changes.

1- In Your Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Customize > Advanced > Add Css.

2- Copy and Paste the following code into the Css Section :

3- Now you need to add the html for the icons and add the URLs for your social profiles.

Go to your layout page, Choose add a gadget for your sidebar, choose HTML/Javascript from the list and paste the following code into the HTML/Javascript gadget.

You are done :)

Icons Credit goes to Rob Cubbon.

Originally posted 2014-11-28 17:12:18. Republished by Imagincreation