Lifestyle And Magazines

Blogging is mainly about writing articles and reaching them out  to lot of people on the web and getting them to become your readers. To achieve this, a Facebook Fan Page would be helpful since it connects your blog to your Facebook page. And also this gadget lets your blog visitors see, visit and like your Page in Just a few clinks. This article will be of help to both pro-bloggers and newbies due to the adjustment made by Facebook which we have discovered and created help for.

What is a Facebook Fan Page

A Facebook fan box is a great plugin that allows blog visitors to subscribe to your blog updates via Facebook account without leaving your blog. After subscribing by clinking on the like button) , visitors will receive your recent updates on your Facebook page which links to their account. This plugin also show faces of the 'likers' on your blog. The plugin show recent post on your Facebook page that is if you want to show it. But before adding this plugin you need to create a Facebook fan page.

Importance of Facebook Fan Page

Adding a Facebook fan page to your blog is of range-less importance especially if your blog is live (always updated) and full of great contents which visitors will like. Its a traffic booster for your blog. Most bloggers have this plugin on their blog and don't worry it won't affect your blog design or layout because its unique appearance adds an amazing look to your blog which ever place you add it to (sidebar or Footer).

How to add a Facebook Fan Page to Your Blog

Recently Facebook made an adjustment on their developers page. Perhaps made it easier to add it to  your blog but most users still haven’t figured it out so do not worry you just clinked on the right website. Before we go to the developers page we will need to know our Page URL. While creating your page a field is shown to you where you are asked to input your page URL But if you forgot this URL just visit your fan page and copy the URL in the Address bar.

Step By Step Tutorial

Step 1: Visit Facebook Developers Page

In adding the plugin to your blog, Visit the facebook developers page. Now the little adjustment, a page will come up showing about a little development on the plugin. Just continue by clinking on the Page Plugin text in the page

Step 2: Customizing Your Facebook Box

This is one great feature for you especially if you are the fancy type. It's recent development makes designing the box easier. Here you will be required to fill a few fields before clinking on get code.

• In the first field you are required to fill in your Facebook URL which we taught you how to get early. To make it easier it always go with your page name. Example if your page name is "I Love Blogging" then the URL should be www.facebook.com/iloveblogging except you made some changes while creating your page.
• The second and third field requires you to fill the width and height of your box. Note: if you want the box to fit in to your sidebar or footer space then do not make any changes here.
• The others fields are much easier. just clink on any of the features you want in the box. But if you don't understand this feature look below for a preview of which ever feature you clinked on.

Step 3: Get Code

 When you are through with the customization just look below and clink on get code. A pop up window will show. showing two fields namely

•  Include the JavaScript SDK on your page once, ideally right after the opening tag. and
•  Place the code for your plugin wherever you want the plugin to appear on your page.

Copy the code in the first field (JavaScript SDK).

Step 4: Adding it to your Blog

After a successful customization the next step is to add it to your blog. Now to do that, log on to your blogger account dashboard and clink on ‘Layout’, When the window appears clink on add a gadget in the sidebar or anywhere you want to place the Fan Page. Now a new popup window will open then just clink on Add HTML/JavaScript a space will be shown. Do not fill the title field (leave it empty). Paste the code copied in step 4 into the field. Now clink on save.



After doing that the Facebook Fan page won't show yet on your blog. To show it, go back to layout and clink on add a gadget at the exact place where you want the fan box to show. Clink on add HTML/JavaScript. Now go back to Facebook developer page and copy the second script shown in the box. Paste it in the HTML/JavaScript field and Fill the Title box with any name you wish. Most bloggers use Follow us on Facebook, Its your choice

Step 5: Rounding Up

Now you are done. Just clink on save gadget and also clink on save arrangement. View your blog to see the amazing box

Source/ References/ Photo Credit

1. Ijokos Blog | www.ijokosblog.blogspot.com
2. Helplogger | helplogger.blogspot.com/2012/03/how-to-add-facebook-likefan-box-to.html
3. Facebook Developers |  https://developers.facebook.com/docs/plugins/like-box-for-pages
4. Shout Me Loud | http://www.shoutmeloud.com/how-to-add-facebook-fan-page-widget-on-your-blog.html
5. My Blogger Lab | http://www.mybloggerlab.com/2013/05/how-to-add-facebook-fan-box-in-blogger.html