How to Add a Facebook Share button in Blogger

• Home
• Social Media
• How to Add a Facebook Share button in Blogger

How to Add a Facebook Share button in Blogger

Posted by Unknown | 7:37 AM | Leave a Comment

You Mostly seen that most of the blogs have facebook share button which allow people to share your post on their walls or timeline through a simple clicking on share button. Today i will show you that how you can add facebook share button in your blogger. When you add it it will display how many share your post. For adding it on your Blogger follow the following steps:

First Go to Blogger Dashboard. 

Go to Your Blog > Template > Edit HTML. Now Search for <data:post.body/> and paste the following code above or below where you want to add it. 

<div class="facebook-share">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='BUTTON-TYPE'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>

Now its up to you that which type of Facebook share button you want for your blogger. Facebook have provided different type of share button like; vertical, horizontal, or without count button. To edit your Facebook share button replace 'BUTTON-TYPE'  with any of the following:

1. box_count for vertical button with counter.
2. button_count for horizontal button with counter.
3. button for without counter
4. icon for a small thumb (without counter)

Once you have done these steps and after clicking on "Save Template". Go to your site and preview the changes you have done.

I hope you like this tutorial if you have any problem on this tutorial please comment us below.