Blue Square Social Media Widget For Blogger

In  this post  im  gonna explain how to add blue square  social     sharing    buttons  for  your  blog.   This is just widget. you can  add  it to your blog easily.

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://www.facebook.com/pages/Blogging-tips/555972157755219"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkpd_lQyP-oHpC27_A3tCd0iK__jtTijXcrhKp6VTc1Tn0_oos9-JwTBlWgQuoaQqRFimBmUC1VpOhOwGO9sGsVBt48LjAHHehn-mCXT8FGmB3UNgsDzyIzflYASjghb0hFOrCQt8mPGM9/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/modernhackerss"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgANiST8n7vvZDbEpYxsyGCLMob2lu1WqiciILaueMbni7pWbNClvj9f74ZmEM8pER_bW-G4Jn2EX0-nb1wpvEe-oyMnCpG9drjIMo0nFgfNuxMGM8JfG6a7uMFJ8byIaFYFAghZIJEopYI/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/Modernhackerss"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqY7Srd69FIjFcKbXDslJoNan4rdCIcHxhSPCIDrEENq_Nr8DXTE_rnnRiFVgY4oBwRVlTxjA6fTmtf6VH5Vnhl4TuxGBza_lZ6JdX6Lq34leSwsnR7y5vK6v50tu8u0tgBHjBNGt7XE8-/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/Modernhackerss"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0q1Xt5M1Rw6fpBiamFGMaP_wWgI7o9erkiSyapzRP-_u0prupyFPvMJacI5r1nR47RvnTCh8Xgk9uTeLkvuuanxcentQuUzh_bZLZYn_RZD07cO0r65DbofgA2XK96vYyqmZmM-wRXErX/s1600/Bloggertrix-Rss.png" /></a>
<a class="social-icons" href="http://pinterest.com/Modernhackerss"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvn642omGPKC2_zLXeUYNrPsIImtsJGazVGYESRAdA7islB6Imal9y6uMucRMp_mOk6TNOMaEB4RESgvSrazRMB6KPwhu65a-ja2TmRK-5TjSC1iy06agtPuun_IQ1L5vpRM4Ckrf9fZNR/s1600/Bloggertrix-pinterest.png" /></a>

After paste above code

*Replace modernhackerss with your facebook username

*Replace modernhackerss  with your  twitter Username

*Replace modernhackerss with Googleplus

*Replace modernhackerss with feedburner username

*Replace modernhackerss wit pinterest username
4. Now save your HTML/Javascript'.

    You are done...