All in one social widget by ALLIN1-WEB

»This tool is most useful and
eye catching ever to blogger.
»This widget catch the visitors
to make a social share.
»Widget is quite beautiful ever.
»Most important it connect
your site to social sites.
»This widget include the top 5
sharing sites which are-
1. Facebook.com
2. Twitter.com
3. Plus.google.com
4. Pinterest.com
5. Linkedin.com
So these are the sites that included in this widget. Here is method to add it to your blog.

1.Go To Blogger > Layout
2.Choose "Add a gadget"
3.Select HTML/JavaScript from
appeared box Paste the following code inside it,
Code:

<table><tr>
    <td width="245" height="35"> <!-- START SOCIAL MEDIA WIDGET --><ul id="socialbar">
<li id="facebook"><a target="_blank" href="http://www.facebook.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png"></a></li>
<li id="twitter">
<a target="_blank" href="http://twitter.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/twitter.png"></a></li>
<li id="Googleplus">
<a target="_blank" href="https://plus.google.com/u/0/profilepageaddress"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Googleplus.png"></a></li>
<li id="Pinterest">
<a target="_blank" href="http://pinterest.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Pinterest.png"></a></li>
<li id="linkedin"><a target="_blank" href="http://www.linkedin.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/linkedin.png"></a></li>

</ul>
<style>
#socialbar img {border:0px;}
#socialbar li img {width:36px; height:36px;}
#socialbar li a:hover {position:relative;top:2px;}
#socialbar{list-style: none outside none; margin:0px; position: static;}
#socialbar li {display:inline;padding-right:2px;}#socialbar{padding:10px;text-align:center;}</style></td>
  </tr>
<tr>
    <td height="10"><h6 align="center">
<!-- PLEASE DON"T REMOVE CREDIT --><a href="http://allin1-web.blogspot.blogspot.com/">Get widget</a></h6>
<!-- END SOCIAL MEDIA WIDGET --></td>
  </tr>
</table>
4.Save.you are done.

Few Words From Author.
You might have seen how we have made this widget.Read Code Beautifully And Understand.You can add more social link in this widget.Just before </ul> tag add Following Tag.
<li id="##"><a href="www.allin1-web.blogspot.com(replace URL with your own)><IMG sec="Path/URL of icon/image"/></a>
Enjoy....Plz Comment Your review or go to contact us Page and write to us