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/AVvXsEizea_4gmqlk6zkXfrWl4IOeYM_RZD9H02jZe8WIiOnYMIIvhAOBWMHHZaSG6LsgYyzbcUTm7alynuySF0eZpwGugQ_hS6zuzfVQiJPrzjoRwb-ILCkc2739kh5ITXhR5WG-gzhgfBSqnY-/s1600/BlogsDaddy-facebook.png" /></a>

<a class="social-icons" href="https://twitter.com/vishalassassin"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibsiuY44ySLK-3PEnmwQL7Vf53Rp7VDqzfz9PsRnXLWsKbY61qsnSIy_mx8Mtwc6IK0UIliSp_u5d68lL7aQBlzXgx76xxIsRzN0xq-gU3GOAs9Hd1C2hHGZ6zZ3RNu2NvzMGOO3N2f1PZ/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/AVvXsEia6WaaiZ3-HAXscKc-j2_vASos7Y7hUbBYY-kR08fggJx0TaeVD1tiaxvw886mJnnPmw8T6UYgqBA5rLuPdAbLJ3oLHg0p_cQvHW-c5JpWRUBJ-QatWWImJ_b_HgqtgYImdbp19zXIRQ82/s1600/BlogsDaddy-Googleplus.png" /></a>

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

<a class="social-icons" href="http://pinterest.com/vishalassassin"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4yUlNgK13A2UKh1Xzx2c1qOWkw51oEOA7RfU8Wje1-E-J4LmSN4IVSk-GSK2Kvuh1OVvr5L-k4AaWZAFdavDQctOiQr5Lm9PS7YoVqz_ynSGGXtUB9DrpuoergeJuWmn7PKHlAzCA9m7W/s1600/BlogsDaddy-pinterest.png" /></a>

customizations

now replace red marked username with your's.

Enjoy