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.
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.
- Login your blogger account, if you already have signed, then skip this step.
- Go template and then edit HTML
- After the opening the template all coding, search </body> tag
- 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, selectJavaScript/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
