Saturday , December 16 2017

How to Add Facebook Page Plugin In Blogger

Facebook Page Plugin for Blogger – The Facebook page plugin was formally known as like box really important plugin for a web page. Facebook allows to the page contributors to embed the page live stream into their web page. It really helps to promote your page on your site. Page plugin allows to your blog’s readers to like or share your Facebook page without leaving your site. It’s very helpful to increase your page likes and as we know the importance of likes, this a way to spread your voice on social media and get more traffic for your blog. The Facebook page plugin already have been used in so many blogs and websites. If your blog missing this important feature and you are looking to add your blog. It is really simple, just the below step by step guide.

facebook page plugin for blogger

 

How to add the Facebook page plugin in blogger blog?

Since, the page plugin developed by Facebook, so, you can find it on the Facebook social plugin collection page and you can get from here, but in this post we add this in a very simple easy way.

  1. Login your blogger account, if you already have signed, then skip this step.
  2. Go template and then edit HTML
  3. After the opening the template all coding, search </body> tag
  4. Copy the below Java SDK code and paste just above the </body> tag and save template
<div id='fb-root'/> 
<script> 
//<![CDATA[ 
(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.3"; 
  fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 
//]]> 
</script>

5. After the adding above code, then go to layout section and add a new gadget, select JavaScript/HTML and copy the below code and paste in the content box.

<div class="fb-page" 
data-href="https://www.facebook.com/thebloggerguide" data-width="340" 
data-height="500" data-small-header="false" 
data-adapt-container-width="true" data-hide-cover="false" 
data-show-facepile="true"><div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/thebloggerguide">
<a href="https://www.facebook.com/thebloggerguide">The Bloggers Guide</a>
</blockquote></div></div>

6. Replace “thebloggersguide” with your Facebook page id and “the bloggers guide” with your page title. Now save the gadget.

After the completion, the above steps, then view your blog. I am sure, you have successfully added the Facebook page plugin to your blogger blog.

How to configure the Facebook page plugin

If you want to change the page plugin setting then follow the below attributes, to configure its functions.

HTML5 Attribute Description
data-href Replace with your Facebook Page URL
data-width=”340 Change the box width according your need. Min. is 180 & Max. is 500
data-height=”500 Chang the height of the box. Min. is70
data-hide cover=”false Change to “true” to hide cover photo in the header
data-show-facepile=”true Change to “false” To hide profile photos of friends
data-small-header=”false Change to “true” to use the small header

Now you have learned that how to add the Facebook page plugin in a blogger. I hope this tutorial will make your job easier.  Let me tell if you need more assistance in the comments section.

Check Also

social media share button for blogger

Responsive Social Media Share Buttons for Blogger

Are you looking for social media share button for blogger? In this post, I want …

One comment

  1. Thanks a lot,this worked perfectly well

Leave a Reply

Your email address will not be published. Required fields are marked *