Smooth Social Widget For Blogger

One of the most important elements to include on any blog is a set of branded social media icons. Your icon set can include links to your RSS or email subscription options, Twitter, Facebook, YouTube, LinkedIn, Instragram, StumbleUpon, Flickr, etc. Basically, wherever you have active accounts, including a linked social media icon helps readers and customers easily find and follow you there.In my earlier post i have shared some  cool widgets for blogger, in this post i'm here with a Smooth Social Widget. Which is in sleek design, look like more professional than normal social buttons. Take a look of  this widget and be ready to add it.

Look At This Demo

How to add it?

To add this widget Sign in to your blogger account>>Go to Add Widget>>HTML/JavaScript, Now copy and Paste the Given Code.

<style>
/* Social Icons By PokharaTech.com
----------------------------------------------- */
a.social-icons {
 margin-right: 5px;
height:545px;
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/pokharatech"><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/PokharaTech"><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/PokharaTech"><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/PokharaTech"><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/PokharaTech"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/flickr_zps538aca1b.png" /></a>

Costomization

Replace pokharatech with your facebook username and PokharaTech with your related social usernames. Now Save HTML/JavaScript. You are Done

Need Help?

If you face any problem while adding this widget feel free to ping me up, you can use our facebook page or can post in comment box below. Peace, Happy Blogging.