How to add Facebook Like & Share button in Blogger

How to add Facebook Like & Share button in Blogger

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

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

How to add Facebook Like & Share button in Blogger

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

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
2. Now copy the JavaScript
How to add Facebook Like & Share button in Blogger

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

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

6. Select the HTML option and paste the copied code after the <br/> tag.
How to add Facebook Like & Share button in Blogger

7. After you save this post, Facebook Like & Share button will be looks like that
How to add Facebook Like & Share button in Blogger

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

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 the steps you have to follow on your Blogger (Blogspot) Dashboard.

1. Follow the same as Step 1 and Step 2 mention above and copy the JavaScript

2. Now come to the Blogger dashboard then click on Theme > Edit HTML
How to add Facebook Like & Share button in Blogger

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
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 the plugin on your page.

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