How to add social sharing button after below the post title.

How to add social sharing button after below the post title.

At first login your blog with your blog ID.

Go to Design>Edit HTML

Expand Widget Templates.

Search for <data:post.body/> using Ctrl+F.

Place the following code just above it.

<!--GOOGLE+1-TWEET-FACEBOOK-STUMBLE-STARTS-->

<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='mybloggertips' 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>

<!--GOOGLE+1-TWEET-FACEBOOK-STUMBLE-STOPS-->

Click Save template. You are done.

Related post