Ic Style Social Widget For Blogger

515 loyal readers

RSS feed | E-mail

1058 followers

Follow us on Twitter!

260 followers

Join us on Facebook!

1. Log in to blogger  Design > Page Element.

2. Click Add Gadget and select 'HTML/Javascript

3.Now Paste Below code.

<style>
/* Social Icons
----------------------------------------------- */
a.social-icons {
 margin-right: 5px; /*Adjust This Value As Needed*/
height:45px;
width:45px;
}
a.social-icons:hover {
 opacity: .7;
 filter:alpha(opacity=70); /* For IE8 and earlier */
}   height:45px;
width:45px;
</style>
<a class="social-icons" href="https://facebook.com"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/facebook_zps17e8a317.png" /></a>
<a class="social-icons" href="https://twitter.com/"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/twitter_zpsad21acd1.png" /></a>
<a class="social-icons" href="https://stumbleupon.com"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/stumbleupon_zpsb5c9fe2f.png" /></a>
<a class="social-icons" href="http://www.feedburner.com"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/rss_zps237db27e.png" /></a>
<a class="social-icons" href="http://flicker.com"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/flickr_zps538aca1b.png" /></a>

After paste above code

• Make changes in links

4. Now save your HTML/Javascript'.

Done...