Thursday, 21 March 2013

Tagged under: , ,

Social Sharing Buttons Widget For Blogger 2013

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

22 comments:

  1. Hey dude... where are you buddy... come on fb.

    ReplyDelete
  2. Ankit
    Hi ankit thanks for being here...i will see soon

    ReplyDelete
  3. Thank you so much for this widget, i am going to use it on my blog.

    ReplyDelete
  4. @Blogger

    Thanks for using this widget its really amazing with multiple sharing buttons. thanks to you.

    ReplyDelete
  5. pretty amazing post on this topic i found what i want searched same topic
    on other sites but not found what i need i got it here...thanks a lot keep
    going your work up....

    ReplyDelete
  6. @Trading

    thanks bro for being here with us.

    @Raj saini

    Bro its working try again it will work 100% but if you failed again just send my your blog address it will check it.

    ReplyDelete
  7. thank you. i like share button style :)

    ReplyDelete
  8. @Sango

    Thanks sango for your appreciations

    ReplyDelete
  9. Dear Hafeez Ullah Khan, great widget for blogger......
    by the way, the users who have reported some errors in the code are right. There are two simple mistakes i have found in the code. To fix this just add this code lines at the end. You haven't closed B:IF and TABLE tags at the end so add these lines:

    Closed Table Tag
    Closed b:if tag

    So just review them and fix as quickly as possible. I found this issue at this widget implementation in my blog:
    http://atozhackingtricks.blogspot.com

    ReplyDelete
  10. Arjun Solanki

    Thanks Bro for inform me about this mistake. we will soon customize it. Thanks for you once again.

    ReplyDelete
  11. Hi, I've been trying to do this, but when I go into Template, Edit HTML...there is no where for me to click "Proceed" and there's no option to select "Expand Widgets Template." When I do CTRL-F on , nothing comes up. Can you help?

    Thanks!

    ReplyDelete
  12. @Valerie

    Bro you did not find because few days i blogger changed the interface of html editors so thats why its look like different. So we will soon published live video about this. keep in touch.

    ReplyDelete
  13. Hi, thanks for the code, is there a way they show up on homepage too, instead of only in the post page, like the blogger default ones? ty

    ReplyDelete
  14. IT was Really a nice Post Hafeez Bhai . Thanks keep it up!!

    ReplyDelete
  15. Good Blog Post, I will check it out.

    ReplyDelete
  16. Nice i just used and after i using this permently...

    ReplyDelete
  17. Hafeez It's not Working For me...!!!!

    ReplyDelete
  18. Great Post :) just keep on posting http://www.bedoitechsolutions.com/2013/09/best-social-sharing-widget-for-blogger.html

    ReplyDelete
  19. Great Post :) just keep on posting http://www.bedoitechsolutions.com/2013/09/best-social-sharing-widget-for-blogger.html

    ReplyDelete

About ProBloggerTricks

Founded in 2013, Pro Blogger Tricks is the ultimate resource for bloggers and marketers. Looking for ways to make money online? Need blogging tips, SEO tips and other business and marketing related content? Probably, the best source of information about monetizing a blog ....Read More

Copyrights @ 2014, Pro Blogger Tricks - Designed By Templateism