How to add Facebook Business Page to Blogger


There are many ways to get more views and likes to your Facebook Business Page. One of the best ways is to get likes from your blog visitors. So, I am going to show you how you can add your Facebook Business page to your blog. This involves just two simple steps. When these 2 steps are followed correctly, then your Page will look really good on your blog.

Step 1: Go to Facebook Page Plugin Page


Scroll down and enter your Facebook Page URL. Select the "Use Small Header" text-box. By default "Adapt to plugin container width" and "Show Friend's Faces" are already selected for you. You can deselect "Show Friend's Faces" if you don't want your friends faces there. After you chose these attributes, click on the "Get Code" button below the preview.



Step 2: Plugin Code

This is how your plugin code pop-up screen look

Step 3: Copy the first part of the code. Go to the "Design" Page of your Blog and click on "Edit HTML"



Step 4: In the next screen you will see a text box with HTML code. Click inside the box and Press 'ctrl+f' on your keyboard. Type body> in the search box. Please refer the image below.



Once you find the </body> paste the code that you have copied just above this </body> tag. Click on the "Save Template" button above this HTML code text box. 

Step 5: Go to the "Layout" Page and click on "Add a gadget" in the sidebar 



Choose "HTML/JavaScript" from the list of gadgets.


Step 6: Go to facebook plugin code pop-up screen and copy the second part of the code and paste it into the content box of the "HTML/JavaScript" screen. Save it by clicking on the "Save" button below. 

Now go and view your blog. Do you see your Facebook Business Page at the right bar of your blog? Yes? Good Job. You did it. Time to celebrate! :)

Step 7: IF you are not seeing the Page there, then please copy the below code. 

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '165572723506883',
      xfbml      : true,
      version    : 'v2.5'
    });
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

Go back to Step 4 and paste this code just above the </body> tag. I am not sure whether the appId is the same now. You may want to check with the first part of the code that you have pasted earlier. If it is the same, you can leave the code unedited. If you see a different appId, then replace this with YOUR appId.

You would see your Facebook Business Page at the sidebar of your blog now.

This is how my FB Page looks in my blog.



What is YOUR Facebook Business Page? Please share your FB Business Page link in the comment below and let us give a thumbs-up to everybody else's Page. I would also like to see your blog with the FB Business Page added in the sidebar.

HAPPY BLOGGING!

For Your Growth!
Uma Mahi :)

3 comments:

  1. Dear friend, your article about How to add Facebook Business Page to Blogger is awesome, you are doing a great job. Please never give up & keep it up.

    ReplyDelete
  2. I recently found many useful information in your website especially dental health. Among the lots of comments on your articles. Thanks for sharing.chip wilson

    ReplyDelete
  3. Superb share. FB is one of the best social media sites to connect with your loved ones but nowadays you can use it to promote your business and to connect to your audience. One can easily handle ads campaign or can hire the affordable paid facebook ads services.

    ReplyDelete