How to add "Facebook Like and Share Button" plugin as a widget in Blogger: 11 steps (with pictures)


Are you looking for a 100% working method for adding a Facebook Like and Share Button plugin to you Blogger blog. Then read out this article to know about how to link Facebook page with Blogger. The steps in the article are cent percent working when applied correctly.

Have you made a fan page of your blog on Facebook, but don't know how to embed its plugin in Blogger? Facebook pages act as great traffic generating sources. Blogger allows one to customize his site layout and add a Facebook Like button to it.

This article will teach you how to add a 'like button' to your blog.

Requirements: You must have signed up for Facebook and have a created a page of your blog there.

Steps


1 Login to your Facebook account and go to the Developers page. Note that you cannot access the Facebook Developers page without logging into your account. Go to the Facebook Developers Page now.

How to add a Facebook Like and Share Button plugin as a widget in Blogger: step 1

2 In the Developers page, click on the "Like Button" option. It is located under Docs > Sharing > Social Plugins > "Like Button".

How to add a Facebook Like and Share Button plugin as a <a href="/articles/Widgets.aspx">widget</a> in Blogger: step 2

3 Copy the URL of your Facebook page and embed it in the "URL to like" box in the Like Button page. After this, adjust the pixel width of the plugin or leave its box blank. Also select a preferred layout and action type for your plugin. Confirm your customization from the preview of the plugin as shown in the image below. Click on "Get Code" option to proceed.

How to add a Facebook Like and Share Button plugin as a widget in Blogger: step 3

4 By clicking "Get Code" button you will proceed to a window where you will find 2 different codes. In the image below, the codes have been marked in numerical, 1 and 2. Leave it aside for sometime and open a new tab.

How to add a Facebook Like and Share Button plugin as a widget in Blogger: step 4

5 Login to your Blogger Dashboard and click "Edit HTML" under "Template" page.

How to add a Facebook Like and Share Button plugin as a widget in Blogger: step 5

6 Press Ctrl + F and search for tag there. When you find it, simply copy the code number 1 (mentioned in step 4) and just paste it below the searched tag.

How to add a Facebook Like and Share Button plugin as a widget in Blogger: step 6

7 Save your addition by clicking on "Save Template".

How to add a Facebook Like and Share Button plugin as a widget in Blogger: step 7

8 Now go to "Layout" aspect of your blog click on any "Add A Gadget" option.

How to add a Facebook Like and Share Button plugin as a widget in Blogger: step 8

9 Scroll down and look for "HTML/JavaScript" widget. When you find it, click on the plus icon (+) lying in the top right of the widget name.

How to add a Facebook Like and Share Button plugin as a widget in Blogger: step 9

10 Just add your preferred title of the gadget and inserted code number 2 (mentioned in step 4) in the big white blank box. After that click on "Save" option.

How to add a Facebook Like and Share Button plugin as a widget in Blogger: step 10

11 Now click on "View Blog" option and you will see a "Facebook Like and Share button" widget in your blog.

Conclusion


Now I think you understood better how to link your Facebook page of you blog to you blog's layout. So, get started. Indeed if you have any doubt regarding the above steps, then let me hear from you.

Read How to install Whatsapp sharing plugin on Wordpress sites?


Comments

No responses found. Be the first to comment...


  • Do not include your name, "with regards" etc in the comment. Write detailed comment, relevant to the topic.
  • No HTML formatting and links to other web sites are allowed.
  • This is a strictly moderated site. Absolutely no spam allowed.
  • Name:
    Email: