Add Social Sharing Buttons Below Every Post in Blogger

Blogging Becomes more interesting if readers share your contents and posts on different social sharing website. Social media website play a vital role in blogging careers. It boost the blog post rank well in search engine without using any social services we wont get a good traffics from social networks sites. A good website or blog will be considered only if it get massive traffics from social medias & search engine. You might have seen alot of Pro Bloggers which they have still focuses on sharing their posts on social media websites. In short we will just only say that being an ethics blogger we should always publish our post on different social media site through social sharing buttons widget. So in today post we will learn how to add social sharing buttons widget below post title in blogger blog.

Social Sharing Buttons Widget Helps To Boost your Blog Traffics

We totally agree with the above title what does it say. Social sharing buttons widget really a magical way which can boost blog traffics. It make a multiple way to get massive traffics from search engine as well as from social media network. As in the above para we have been discussed that even pro bloggers they also published theirs post on every social media networks. Because they do not want to have traffics only from search engine.

• Recommended: Scrolling Social Sharing Widget for Blogger

They also love to communicate with readers, friends by sharing blog posts with them. In this way we also get a good chance to have a voice with blog friends if they facing some problem in the posts. one things should also be remembered a post which published on social media networks site also get a good result in search engine. That post becomes lover for every search engine. So by using such gadget in blog we can easily share our post with friends in very less in time.

• Recommended: About Author Sliding Gadget for Blogger

How This Gadget Is Being Prepared ?

Actually this gadget is consist of several social sharing buttons. It consis of facebook, google plus, twiter and stumbleUpon. This gadget is prepared very neatly there is no bugs inside the code. We are analyzing the gadget or widget before sharing it with our loyal readers.

• Recommended: Google Plus PopUp Like Box Widget for Blogger

This gadget is totally created in HTML. & javascript. Html played for it designing layout and javascript work there as scripting the gadget functions. It has smooth layout and awesome designing.A very think slick sticky shape gadget which also bring beauty in blogger blog.

Feature Of Using Social Sharing Buttons Below Every Post in Blogger

There are numberless advantage by using this gadget blogger blog. following are being discussed here. Please take a look onto the list mentioned below.

• Share the post with single click:
• Time saver and easy way to share the post:
• Consist of facebook, google plus, twiter, stumbleupon:
• Sticky layout designing & beautiful views:
• Attracting visitors & giving likes up:
• Light gadget never increase page loading time:

How to Add social Sharing Buttons Widget Below Post Title in Blogger

This very simple process just follow our steps mentioned given below: We will add to parts of the gadget inside blogger template. So be careful while making any changes.

• Step 1:
• Go to blogger Dashboard:
• Go to template editor & find </head> tag:
• Page the below given code before </head> tag:

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

• Step 2:
• Again go to template editor:
• Find these code inside the template:
• Past the below code after  <data:post.body/>  or in some blogger template it look like this  <p><data:post.body/></p> 
• If you are confused just see the screenshots given below:
• 
  
  
• 
• 
• After click on var'post' code then scroll slowly you will find of on these code <data:post.body/>  or <p><data:post.body/></p> and just past the below code

• Recommended: Customize Google Plus Gadget For Blogger

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:4px;'>
<table border='0'>
<tbody><tr>
<td>
<div style='margin-right:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='ProBlogerTricks' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</td>
<td>
<div style='margin-right:10px;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;'/>
</div>
</td>
<td>
<div style='margin-right:10px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</td>
<td><div style='margin-right:10px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
</td>
<td>
<div style='margin-right:10px;'>
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/>
</div>
</td>
</tr>
</tbody></table></div>
</b:if>

Make These Changes

1. Replace the yellow color name with your own twiter name:
2. You also increase border width by giving value to table border in above code:
3. You almost done:

Final Words

Friends we have hard effort to bring this nice tutorial about how to add social sharing buttons widget below every post in blogger blog. We have discussed here with detail. Hope you guys will not facing any problem. If you are getting any issue then feel free to ask in the comments area. Thanks & Happy Blogging!