Social Sharing Buttons Widget For Blogger 2013

Social media sharing widget for blogger play a vital role in increasing your blog traffics. Now a days it is common that every blogger using social media buttons widgets to increase theirs blog traffics. This Social media widgets provides some of the basics social media networks buttons by which you can easily share your single post in a seconds with millions of peoples and in this way your blog SEO strength will become more powerful.

Before this previously we have published a nice post about How to add All Social Sharing Floating Buttons Widget in Blogger. this widget was appearing after opening any post inside the blog.


Today article is all about how to add social sharing buttons widgets in blogger. this one is really awesome widgets if you are really worried about and not getting a good traffics from a social media sites then i will strongly recommended you to use this Social sharing buttons widgets in blogger.

SEO Complete Book

How to add social sharing buttons widgets in blogger

Followings are the below given steps:

• Go to blogger dashboard:
• Go to Template >> HTML >> Proceed >> Expand Widget Templates:
• Now find this line <data:post.body/> by using CTRL+F key
• If you want to add the social sharing buttons below each post title then paste below code right before/above this <data:post.body/>
• If you want to add this widget below every post then just paste it below/after this <data:post.body/>

    <b:if cond='data:blog.pageType == "item"'>

    <table border='0'>
    <tr>
    <td><div style='margin-right:5px;'>
    <g:plusone expr:href='data:post.url' size='medium'/>
    </div>
    </td>
    <td><div style='padding-top:6px;'>
    <script type='text/javascript'>
    tweetmeme_style = &quot;compact&quot;;
    </script>
    <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
    </div></td>
    <td><div style='margin-right:25px;'>
    <script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div>
    </td>
    <td><div style='margin-right:25px;'>
    <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/>
    </div>
    </td>
    <td>
    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style ">
    <a class="addthis_counter addthis_pill_style"></a>
    </div>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
    <!-- AddThis Button END -->
    </td>
    </tr>

• Save your template and you have added the social media sharing widget to your blog.

• Now search for this tag </head> and just before/above it paste below code:

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

Again save your template and come back to view your blog. This time will see social media buttons appearing on your blog posts.

Alert To Bloggers: Social sharing buttons widget will only appear on your single post means when a single post is clicked, While on a blog home page it will not appear.

Facebook pop up like box 2013