How To Add Retweet and Facebook Share Button On Blogger

Who doesn’t use twitter and facebook today? Almost everyone I know has either a facebook or a twitter account. Wouldn’t it be nice if you could make it a little bit easier for your readers to share your content to their friends?

This tutorial will teach you how to put on the twitter widget and facebook share button to your blogger site.

Twitter:

Note: Backup your template before attempting to alter anything. Layout > Edit HTML and click Download full template.

1. Log on to your blogger dashboard and navigate to Layout > Edit HTML and tick expand widget template.

2. Click ctrl + f and find:

<div class='post-header-line-1'/>

And immediately place this code

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script></div>

Above the “<div class …” line.

Facebook Share:

1. Log on to your blogger dashboard and navigate to Layout > Edit HTML and tick expand widget template.

2. Click ctrl + f and find:

<div class='post-header-line-1'/>

And immediately place this code

<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>

Above the “<div class …” line.

If done successfully, you will be able to see this at the top right part of each of your post on blogger.

If you have any questions regarding this topic, leave me a comment.