Blue Social Icons Widget For Blogger

Add a beautiful CSS3 Social Sharing button to Blogger to add this social sharing button just follow this simple steps.

1. Go to blogger layout.
2. click on Add a gadget.
3. Choose html/java script
4. Add the following code.

<style>

/* Social Icons 

----------------------------------------------- */

a.social-icons {

 margin-right: 5px; /*Customize as you want*/

height:45px;

width:45px;

}

a.social-icons:hover {

 opacity: .7;

 filter:alpha(opacity=70); /* For IE10 and earlier */

}   height:45px;

width:45px;

</style>

<a class="social-icons" href="https://www.facebook.com/zgamerx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxRUpMNsbrn4sI-9FK9zr6oCb4elBF1BnFBaloh9vNiKVJ8GhVBWyXeTLe9dQUnugPSTyw3hMp2B-Q1lmTDDqzkQh3S1sThp-MJqWMrMCR8N3NyHUCWEmnmjEc4UFnyYsIZJTt3uKqyQ2t/s1600/BlogsDaddy-facebook.png" /></a>

<a class="social-icons" href="https://twitter.com/vishalassassin"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz-j8AI8zV-VIgOWXSXboGL8x4_UvDIyeylfG-I1IXfUojkd-0BRJvM2BJKTZhwWb8mzFLQQ6bP9a5I6RF5TWKMLHi7Ln3m2qizbi6zoA2i8PX7f2ABqjHoS0ZkGXkeJcWG3KmCSPyPAjs/s1600/BlogsDaddy-twitter.png" /></a>

<a class="social-icons" href="https://plus.google.com/u/0/108432524418882740014"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic4cVpbC8VKGmhwdkI1VKQRWoXjeoDIL3Q5YZ6J-xLEXQuwyjWetW7JvrdEz48mRfl4lx4004lrT7McENdvC6Mhy4K0_U13WH5nqGWxvGOB0rWcRvukd76q2FApNa2g3160n2sGzBpiVBe/s1600/BlogsDaddy-Googleplus.png" /></a>

<a class="social-icons" href="http://www.feedburner.com/zgamerx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIowvn9fxVx4reTeEQI6lwP0YQVgYkDeMhXtz9bYw12DW0jPt6mlG51kS-bgMrAt750fGxlKO6FNedFudaHLoXPA8aV8Pzu35tVnQOGWBVge-b_i4CaZzSd_rp2qqhNRAjYhlDbyHdcDV6/s1600/BlogsDaddy-Rss.png" /></a>

<a class="social-icons" href="http://pinterest.com/vishalassassin"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy1VfiMIi06QihenkQsO_9rLcpFNUxIuu1C7yPFOaTXOFRHiBmMcZKSkeVXXMxHhsXxsYe4axdQ_gFpXO8zDO9DOa_ek6dJGj54q0BbamzDx1LdH-3xoMDsG3A6gBKzfxz_3U6-wmzBHFG/s1600/BlogsDaddy-pinterest.png" /></a>

customizations

now replace red marked username with your's.

Enjoy