Adding The Social Media Widget For Blogger V2 For Free

Social profile links are most important for any website to bring much social points to your social accounts. It never been easier to do so but adding code to the site or blog can bring much positive response to your site. Want to add countdown widget to blogger get it now

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.

Another floating facebook box for your blog here you go



♦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
6. Youtube

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


CODE:
<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 urlSo now Save it

Your widget is added. Enjoy...!!!



This Code has been Collected from Here


2 comments:

  1. This article is very informative and helpful. Thank you for sharing!



    Social Media Services

    ReplyDelete
  2. It is important that the messages were passed well and clearly.

    Megan

    ReplyDelete