You are currently viewing Install Facebook Fanpage on Blog

Install Facebook Fanpage on Blog

Installing a Facebook fan page on a blog is a very effective way to build an audience for the fan page. Especially blogs that have high traffic with good quality content, people will be happy to like the Facebook page on the blog.

On previous occasions Appac Media never discussed the full guide on how to create a facebook fan page and some of the benefits that can be obtained, which do not have a fan page, this post be a good reference if you want to create a fan page on Facebook.

Installing Facebook Fanpage on Blog

The left or right sidebar is the most strategic place on the blog, consider installing your Facebook fanpage widget in that position.

To install a widget on blogger, please log in first to your Facebook and blogger, then visit the following link on the Facebook Fanpage Plugin.

In the column ‘Facebook page URL’, fill in the URL of your Facebook page. The width and height column should be left blank so that the width and height will automatically match the existing columns on your blog. Don’t forget to tick the option ‘adjust to the width of the plugin-container’ and tick on ‘show friend’s face’ to show the face of friends who like your fan page.

In default tab column will contain ‘ timeline ‘, this option will display your fan page timeline, I suggest you clear the tab column, so that later your Facebook fan page widget doesn’t take up much space on your blog.

If that’s enough, please click the ‘ Get Code ‘ button’. Next, you will be given 2 options for installing a Facebook fan page on your blog, with the Javascript SDK and IFrame, in this tutorial the first method will be used.


<div id = “fb-root”> </div>

Combine code 1 and Code 2 , then the combined results of these two codes, attach it to your blog widget. Most bloggers install the Facebook Fanpage widget on the right sidebar, at the top of the position. The

code below is an example of a Lombok Blogger fanpage code that has been combined:

<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/id_ID/sdk.js#xfbml=1&version=v2.7”;
fjs.parentNode. insertBefore (js, fjs);
} (document, ‘script’, ‘facebook-jssdk’)); </script>
<div class = “fb-page” data-href = ” 
https://www.facebook.com / appacmedia / “data-small-header =” false “data-adapt-container-width =” true “data-hide-cover =” false “data-show-facepile =” true “> </div>

Open the ‘Layout’ menu on blogger, then click the ‘Add a Gadget’ button. Add HTML / JavaScript widget , then enter the Facebook Fanpage code.

Congratulations, now that your Facebook Fanpage has appeared on the blog, invite your readers to like your Facebook page by presenting fresh and quality content on the blog. So, I hope this article is useful, thank you, greetings Appac Media

Leave a Reply