Add Above/Below Blogger Posts Social Sharing Widget

We have made this buttons by different colors. Every button has their own background color which make this widget pretty, cool and eye catching compare to other social sharing widget, which can bore our readers. So i hope you like the design and your readers too. I think your readers must want to click on these button cause of cool and pretty design.

Other Social Sharing Widgets

1. Social Sharing Widget with Counter for Blogger
2. How To Add CSS Social Sharing Widget to Blogger?
3. Below Post Responsive Social Sharing Buttons For Blogger
4. Responsive Blogger Social Sharing Buttons with Counter

Steps for Adding Social Sharing Widget to Each Post in Blogger

Get Code

• Now Find <data:post.body/> tag by same process and paste below code just above of this tag if you want to add this widget to below post title and if you want to add this social sharing widget to post footer then paste below code just above of this tag. You have <data:post.body/> tag 2 to 3 times in your blogger template. Find right one which suites to your blog.

<b:if cond=’data:blog.pageType == &quot;item&quot;’><div id=’mbgBloggerSocialbar’><div class=’shareBox’><div class=’titleBox’>Share</div></div><div class=’shareBox’> <div class=’twitterBox’><a class=’twitter-share-button’ expr:data-text=’data:post.title’ data-via=’MyBloggerGuides’ expr:data-url=’data:post.url’ href=’https://twitter.com/share’>Tweet</a></div></div><div class=’shareBox’><div class=’fb-like’ data-action=’like’ data-layout=’button_count’ data-share=’false’ data-show-faces=’false’ style=’background: #4965B4; width:80px; height: 100%; padding: 4px 10px; border: 0;’/></div><div class=’shareBox’><div class=’googlePlusBox’><div class=’g-plusone’ data-size=’medium’ expr:data-href=’data:post.url’/></div></div> <div class=’shareBox’>   <div class=’stumblupon’><su:badge expr:location=’data:post.url’ layout=’1’/></div></div></div></b:if>

• Change MyBloggerGuides into your twitter id.
• Now Save Template.
• That’s it. You have added this social sharing widget to your blogger blog.