Adding The Social Media Widget For Blogger V2 For Free

So here i am sharing a new social media widget for blogger version 2 which is quite beautiful and interesting then previous one. you can visit previous version of social media widget.
So in this version there are many new thing added which is when you mouse over the it the icon just little down and it will more attractive then normal.
Previous version of this widget is also better but this is the new version you can add it normally to your blog like others add.  Here is screen shot of this widget.
Social profile links are most important for any website to bring much social points to your social accounts. 
You can see that there are many other social networks came into top ranks and high traffic while if we go just 10 years ago then we can see that there is no much response come from it.
New Google update is also checking the total links on the other social networks which  shows that how much this webpage has natural positive votes to it.



  • 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 under
                  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.
  • Go To Blogger > Layout
  • Choose "Add a gadget"

  • Select HTML/JavaScript from appeared box

  • Paste the following code inside it, 
  • Here is code to add on the blog

<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://www.mbgadget.com/">blogger widget</a></h6>
<!-- END SOCIAL MEDIA WIDGET --></td>  </tr>
</table>

Now you have to little edit this code to work good.    Remeber to change this
  • Replace twitter.com/username withyour orignal twitter sharing url
  • Replace facebook.com/uername with your facebook fan url
  • Replace plus.google.com/u/0/profilepageaddress with your profile adress
  • Replace  pinterest.com/username with pinterest url
  • Replace linkedin.com/username with linkedin url
  • Replace digg.com/users/username with digg url
So now Save it
Your widget is added. Enjoy





Post a Comment

0 Comments