How to add Facebook Like & Share Button in Blogger Blog

How to add Facebook Like & Share button in Blogger
Are you trying to add Facebook Like & Share button in Blogger Blog?

Well, it's easy to add the Like & Share button of your Facebook Page in between the post section or in the sidebar of the Blog. This will be beneficial and boost your FB Page likes.

So, in this, I'm going to share how you can add your Facebook Page Like & Share button in your Blogger Blogspot subdomain blog.

Facebook offers Social Plugin features that allow you to add your Facebook Page Like & Share button on a web page.

To add the Like & Share button firstly you must have to install Facebook SDK on the theme used for your blog. Installing Facebook SDK is quite a simple task, just you have to put JavaScript into the body section of the theme. Some premium Blogger themes already include the Facebook SDK option.

Let's start...

How to add Facebook Like & Share button in Blogger

If your Blogger theme/template has the Facebook SDK option then here follow these steps given below on your Blogger dashboard.

Step 1: Go to the link and scroll down then you will see the "Like Button Configurator". Replace the URL link with your Page URL and hit the Get Code button.

How to add Facebook Like & Share button in Blogger
Step 2: Now copy the JavaScript

How to add Facebook Like & Share button in Blogger

Step 3: Open your Blogger dashboard then click Layout > Edit Facebook SDK and paste the script on content.

How to add Facebook Like & Share button in Blogger

Step 4: Again go to step 1 and copy the second code and now place this code wherever you want to appear the plugin on your page.

How to add Facebook Like & Share button in Blogger

Step 5: Edit a post you want to show your Facebook Page Like & Share button (All post > Edit)

How to add Facebook Like & Share button in Blogger

Step 6: Select the HTML option and paste the copied code after the <br/> tag.

How to add Facebook Like & Share button in Blogger

Step 7: After you save this post, Facebook Like & Share button will be looks like that shown in the screenshot below.

How to add Facebook Like & Share button in Blogger

Step 8: Or if you want to add this Facebook Like & Share button on the sidebar, then click Layout > Add a Gadget on the sidebar and add HTML/JavaScript gadget.

How to add Facebook Like & Share button in Blogger

Step 9: Now paste the code copied in Step 4 in the content box and hit the save button.

How to add Facebook Like & Share button in Blogger

After successfully saved this will be looks like on the browser

How to add Facebook Like & Share button in Blogger

That's done successfully.

But what if your Blogger theme/template doesn't have the Facebook SDK option? 

Don't worry! then also you can put the Facebook Like & Share button in your blog. 

Here are the steps you have to follow on your Blogger (Blogspot) Dashboard.

Step 1: Follow the same as Step 1 and Step 2 mentioned above and copy the JavaScript

Step 2: Now come to the Blogger dashboard then click on Theme > Edit HTML

How to add Facebook Like & Share button in Blogger

Step 3: Point the mouse on the HTML editor and press the Ctrl + F key and type "body" then hit the Enter key until you find the first <body> tag. Paste the copied code after the first <body> tag of your theme.

How to add Facebook Like & Share button in Blogger

Step 4: That's done, Facebook SDK is successfully installed in your theme. Now again Go to the link and copy the second code and now you can place this code wherever you want to appear on the plugin on your page.

Step 5: Now follow the same steps mentioned above in steps 5 to step 6 to add your Facebook Page Like & Share button on your site's post and sidebar.

That's how you can add your Facebook Page Like & Share button in the Blogger post and sidebar.


I hope you like this post If any doubt related to this post then feels free to ask in the comment section below, I'll surely try to answer them.

1/Post a comment/Comments

  1. I'm a dummy. Confused about whether or not I can add a Like button using the Blogger "Add Gadget" and HTML JavaScript option. Is there a way to just do that? Or it because it would be for each post that I have to implant it into the template? Hate messing with the template LOL

    ReplyDelete

Post a Comment