How To Add A Facebook Fan Box To Your WordPress Blog

Posted on 26. Jun, 2010 by EDDY in 3d Graphics, Freebees, Graphics, Photoshop, Templates, Tutorial, Vector, Wallpapers

Get Some More Fans For Your Facebook Fan Page

Yesterday Facebook released a new application that allows you to place a Facebook Connect widget on your website that links directly to your Facebook fan page

This article will show you how easy it is to add a Facebook Fan box to your blog or website. What this means is that you will be able to attract more Fans to your Facebook page and your prospective fans will instantly see your stream and your other Fans and get some idea about what type of content you will be sharing them and it is also very help ful for attract traffic for sites.

Set Up A Facebook Page

You need to have a Facebook Fan page in order to use this application, just scroll to the bottom of your facebook profile and click on “advertising” and then select the “pages” tab and then select “Create A Page”, for more information on how to create a Facebook Page check out this blog post on AllFacebook  – “how to create a Facebook fan page to attract millions of fans” check out Mari Smiths blog post “how  to create and promote a Facebook fan page”

Once you have your fan page set up you can create your fan widget by going to your admin panel, from your page you just click the link Edit Page link that is below your Fan Page Image/Logo

Select “Promote With a Link Box” Box from your Admin Panel

Here you find the page with the heading like box you can also choose it from menu on left side. Here you have to be conscious in following steps and check fields carefully. Here you see your id in field named FACE BOOK PAGE ID and other fields  in witch u can adjust your box size number of user and appearance.

If u looks carefully up in to address Barr here you can see another ID which is different code from one in like box page id shown up in image.

Now copy the id from address bar and replace it with the id in face book page id box.

an press GET CODE button and will find the code

Copy  The Java Script Code

Now select all the code by highlighting it (CTRL A, CTRL C (pc) CMD A, CMD C (mac)) and copy it to your clip board. If you are a techie and want to find out a bit more about customizing your widget click on “advanced options” and you will be taken to Facebook developers where they have detailed instructions on how to add a fan box

Go to your blog and log into the admin section, for this example I am using wordpress but the technique should be similar on any other platform

Add A New Text Widget

From your dashboard , select appearance and then select  “Widgets”

Now create a new text widget.

Depending on which version of WordPress you are using this will be slightly different, if wordpress 2.8  just drag and drop a text widget to one of your sidebars and place it where you want it to appear. If your blog theme is enabled with footer widgets you might want to place it there as Javascript and Facebook connect are notorious for slowing down your blog load times.

Paste The Code Into Your Widget

Now paste the code from Facebook into your text widget and remeber to click Save

Now Go And See What It Looks Like!

Related Posts:

• No Related Posts

Tags: Facebook, facebook fan box, facebook fan page, facebook page, fanpagebox, how to add a fan box, like, likebox