Latest News

How To Add Facebook Page Widget In Blog / Website

Facebook Page Widget In Blog / Website -


It's very easy to find a Facebook page in Blogger. The full details of how Facebook pages appear in Blogger are given below. You can also easily insert your Facebook page into your blog by reading the information given below.



Step 1) In order to put a Facebook page on the blog, first you open Facebook's Developers page. (To open Facebook's Developers page, search Google in "Facebook Page Plugin" after searching it, you will find the most written "Page Plugin - Social Plugins - Facebook for Developers" you have to click on it. You can also open it by clicking on the following link.)

1.) When you open Facebook's Developers page, you will get the first option "Facebook Page URL" in this option you have to type the URL of your Facebook page.

2.) Next option is "Tabs" in this option you can use any tab of Facebook. If you do not want to use any tabs, then leave it empty.

3.) Then the next option is "Width" and "Height" so in this option you have to tell the length and width of your Facebook page.

4.) Next option is "Use Small Header" so if you want to keep the header of your Facebook page short, select this option and if you want to keep the headers larger, do not select this option.

5.) Then the next option is "Hide Cover Photo" if you want to hide the cover photo of your Facebook page, select it and leave it if you do not want to hide it.

6.) Then the next option is "Adapt to plugin container width" Selecting this option will make the width of your Facebook page more or less according to your page, blog or website. You always select this option and keep it.

7.) Then the next option is "Show Friend's Faces" Selecting this option will show the faces of your friends who have liked your Facebook page to the bottom of your Facebook page.

8.) After doing all this, you will get an option under the name "Get Code", you have to click on it. After clicking "Get Code" you will be given two codes. Both of these codes have to be brought inside your blog. Understand how to put both codes inside the blogger.

Step 2) The first code out of both codes is to put you in the HTML of your blog after the opening body tag inside the HTML.
So first you have to copy the first code. After that, you have to come to Blogger and click on the Theme option in Blogger. After that click on the HTML option. After that, you have to search the body tag in HTML. To search body tags, you have to press ctrl + f from your keyboard. After that, a search box will open, in which you have to write and search. After that you will see the Opening body tag, you have to paste that code below the opening body tag. And after that, you have to save your theme.

Step 3) After putting the first code in Blogger, you have to copy the second code and you have to put that code on your blog where you want to put your Facebook page. As if you say you want to put your Facebook page in the sidebar, then you have to come in the Layout option of Blogger and in the sidebar, you have to add HTML / javascript gadget and in the HTML / javascript gadget you have to paste that second code And to save him. And then you have to save the Layout.

FaceBook Page Widget Html Code

<center><div id="fb-root"></div>
<script>(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#xfbml=1&version=v2.5&appId=1760806057479925";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/bloggerrama/" data-width="350" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></center>

After doing all this, your Facebook page will be placed inside your blogger.

BloggerRama Designed by Templateism.com Copyright © 2014

Theme images by Bim. Powered by Blogger.