1.Login to your Blogger Dashboard>Layout>Edit HTML>Check mark Expand Widgets templates first
2.Backup your template before making any change.
3.Search for following code in your template:
<div class='post-header-line-1'/>
Add any of the following code you like and paste it after the above code:
Note:If you can't fine above code,then try searching for <data:post.body/> and paste any of below code before this code.
Code 1:
Resulting Button:

Code 2:
Change http://YOURBLOG.blgospot.com/ with URL of your blog.
Resulting Button:

Code 3:
Resulting Button:

Code 4:
Resulting Button:

<div class='post-header-line-1'/>
Add any of the following code you like and paste it after the above code:
Note:If you can't fine above code,then try searching for <data:post.body/> and paste any of below code before this code.
Code 1:
<div style='float:right; margin-left:10px;'>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
Resulting Button:

Code 2:
<div style='float:right; margin-left:10px;'>
<script>var fbShare = {
url: 'http://YOURBLOG.blgospot.com/',
size: 'small',
google_analytics: 'true'
}</script>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
<script>var fbShare = {
url: 'http://YOURBLOG.blgospot.com/',
size: 'small',
google_analytics: 'true'
}</script>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
Change http://YOURBLOG.blgospot.com/ with URL of your blog.
Resulting Button:

Code 3:
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Resulting Button:

Code 4:
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Resulting Button:

Now click save template and you are done.Good Luck!!!!
thanks navi brdr see www.desicracks.blogspot.com for exact results or as a sample........
ReplyDeletethats cool! I knew how to put a facebook add as a friend button but this is new for me. Thnx for the know-how
ReplyDeletethanks it worked for my bloog view my blog...
ReplyDeletehttp://searchmehereonly.blogspot.com/
urs welcome buddy and all the best for ur new blog
ReplyDeletehi can you share with me the code you used above your subscribe here section?
ReplyDeleteTHe ones where there are share buttons?
I would like to have a snippet of code that's already formatted in html to have google buzz, FB share, and twitter
good job,added this html and it works.....
ReplyDelete