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.
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.
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 = "compact";
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>
<td><div style='margin-right:25px;'>
<script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + 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: 'en-US'} </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.
Hey dude... where are you buddy... come on fb.
ReplyDeleteAnkit
ReplyDeleteHi ankit thanks for being here...i will see soon
Thank you so much for this widget, i am going to use it on my blog.
ReplyDelete@Blogger
ReplyDeleteThanks for using this widget its really amazing with multiple sharing buttons. thanks to you.
pretty amazing post on this topic i found what i want searched same topic
ReplyDeleteon other sites but not found what i need i got it here...thanks a lot keep
going your work up....
dude its not working
ReplyDelete@Trading
ReplyDeletethanks 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.
thank you. i like share button style :)
ReplyDelete@Sango
ReplyDeleteThanks sango for your appreciations
Dear Hafeez Ullah Khan, great widget for blogger......
ReplyDeleteby 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
Arjun Solanki
ReplyDeleteThanks Bro for inform me about this mistake. we will soon customize it. Thanks for you once again.
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?
ReplyDeleteThanks!
@Valerie
ReplyDeleteBro 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.
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
ReplyDeleteIT was Really a nice Post Hafeez Bhai . Thanks keep it up!!
ReplyDeleteGood Blog Post, I will check it out.
ReplyDeleteNice stuff indeed!
ReplyDeleteNice i just used and after i using this permently...
ReplyDeleteHafeez It's not Working For me...!!!!
ReplyDeletenic i like that nic share buttons i am also add a post about How to Add Floating Share buttons on Your Blogger
ReplyDeleteGreat Post :) just keep on posting http://www.bedoitechsolutions.com/2013/09/best-social-sharing-widget-for-blogger.html
ReplyDeleteGreat Post :) just keep on posting http://www.bedoitechsolutions.com/2013/09/best-social-sharing-widget-for-blogger.html
ReplyDelete