How to add Facebook Share button to Blogger Post

How to add Facebook Share button to Blogger Post
Nowadays social media like Facebook plays an important role to generate new traffic leads to our blog. It would be nice to add Facebook share button to Blogger Post so that our content can be easily share on the Facebook.

We'll be customizing our Blogger Template in order to add the Facebook share button automatically on the top or bottom of every single of our posts.

The visitors can then share the blog post on their Facebook by just hitting on the share button without have to do it manually.

Step 1:
Login to your Blogger account, and click on the Template link on the left
Blogger Template



Step 2:
From the Blogger Template, click on Edit HTML button.
Blogger Edit Html












Step 3:
To add Facebook share button on the bottom of Blogger post, click on the editor text area, and hit on Ctrl + F. This will open the find tool on your browser. Enter the following code on the search box:

 <div class='post-footer-line post-footer-line-1'>

It should return only one result for mobile view. Hit search again to skip to the second result for normal blog view. Paste the following codes above searched codes:

<div class="facebook-share">
<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>

Step 4:
If you would like to add Facebook share button on the top of the Blogger Post instead of bottom, click on the editor text area, and hit on Ctrl + F. This will open the find tool on your browser. Enter the following code on the search box:

<data:post.body/>

Find for the second result, and paste the Facebook share button codes above the searched codes.

Step 5:
Save your template.


4 comments

As you continue to read further in this article, we will be sharing the download link for gb whatsapp apk download.

Great work.keep up good work.like facebook i have added fm whatsappbutton to blogger post.thanks for sharing.

Yes, this is a good post without any doubts. You really doing a great Job. I inspired from you. So keep it up! PCVAST

To customize the appearance of the Facebook Share button, you can add additional attributes to the code. For example, you can specify the layout of the button (button_count, button, or box_count), the size of the button (small, large, or medium), and the URL like kilts for sale of the page to be shared. For more information, see the Facebook Share Button documentation.


EmoticonEmoticon