And now you can add them to your every blog post
Just follow the below steps
Step 1: Login to your blogger dashboard and select your blog.
Step 2: Select Template option and Click on Edit HTML.
Step 3: Click on any place In HTML & Press Ctrl+F
Step 4: In the template code, find <data:post.body/>
In every blogger template <data:post.body/> has more than one occurrences.
Generally this works with the 2nd one,(It's varies with your blogger theme)
So try the 2nd one first & if it doesn't work try the same method with others.
Step 5: Copy following code.
<br/>
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div> <div class='fb-send' data-colorscheme='dark' style='margin-bottom:5px;'/> <div class='fb-like' data-action='like' data-colorscheme='dark' data-layout='button_count' data-count='horizontal' data-share='false' data-show-faces='false' style='margin-bottom:5px'/> <div style='margin-bottom:5px' class="fb-share-button" data-type="button_count"></div>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='horizontal' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='BloggerSentral' data-related='' href='http://twitter.com/share'>Social Share Buttons by MFH Creations</a>
<br/>
If you don't need count box just replace "horizontal" with "none" in the code.
Finally Paste the code just above <data:post.body/> to place the buttons below the Post Title
or just below to place the buttons at the end of the Post and save the template.
