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. I just using Css  with  HTML

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/computerlearningz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAkYekm_y6v65qWmrESrUaHjNWfw2CBKplXIhDLppIwNe4myeuApz1xDkaFBWlyuRLI_EqZ64cgYKRb0y_e_DeTf3J-HylGHm3SW_W0PADMY3rUg51lRDTRS0HQM1nLxUMfKDI7O3NgAlz/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/computerlearningz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglKpyZQCeEXtQvd2Hk0yHWYLy_nLet353T4lUiY1pJgoLdiyDe93qk-nJszL4v8HqrWMtUVCvDcFTvmgnfBk_U7ISO3DJtMd0WjKyTFn9K215HvDdhMOTFaVw4xtSnInlUKBsiQSmN9m3k/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/computerlearningz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimbEB6W_srA90mwMsGEKaHJhhbdnTNlqprGdUx9eyWSjktDy5kY6cQfw5Cj2N0Tfu5WUMbjhVq2w-mTzdwEg-LbbqeuzlBgTJiqekngfDPHj6CED4MM48DhgClLIckV0lSEbYJS_J0krjV/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/computerlearningz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRsyZyezpYj5oy_83Nwktg5hYMWgLc9_N2QwYoVdHkGHWZfO5YMlc-1eI5A1zkaB2GNrRtgvREuFriKQbGDkIpzY9rHmiIrHngmtPITzpShXmcgdUiMojIQndgCS3jt2Jk2oBpGb7mLLLI/s1600/Bloggertrix-Rss.png" /></a>
<a class="social-icons" href="http://pinterest.com/computerlearningz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeFAowsatI7gVPCmRU-drmPQDKaH0EGWdRK-BYcwNwTD-yf1eown1vOAfEKPq0jNHCmaGlsTDkd10JmDvPGG8Vmr2tqv4QomscyFCf0ItHgMl1yy72SwGXe2ZRwU8pHCj-vOBUOOFHvqBv/s1600/Bloggertrix-pinterest.png" /></a>

After paste above code

*Replace computerlearningz with your facebook username
*Replace computerlearningz  with your  twitter Username
*Replace computerlearningz with Googleplus
*Replace computerlearningz with feedburner username
*Replace computerlearningz wit pinterest username

4. Now save your HTML/Javascript'.

You are done........