How To Add A Facebook Fan Box To Your WordPress Blog

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!

, , , , , , ,

Subscribe

Subscribe to our e-mail newsletter to receive updates.

109 Responses to “How To Add A Facebook Fan Box To Your WordPress Blog”

  1. registry cleaner reviews Says:

    Extremely helpful entry. A must read for anyone interested inthis sort of thing. I hope to read more from you.

  2. Milton keynes Wedding Photography Says:

    I am quite new to wordpress. but what you write in this blog is really good and very informative. I think it will help me in the future. Thanks for the great work London,UK

  3. product marketing Says:

    I just wanted to comment your blog and say that I really enjoyed reading your blog post here. It was very informative and I also digg the way you write! Keep it up and I’ll be back to read more soon mate

  4. Erica Cassese Says:

    great article, i just bookmarked it to regularly check it. i’d love to read on new articles. how do i set the RSS again? thanks!

  5. Hampshire wedding Photographer Says:

    I have been trying to acces this Blog for a while. I was using IE7 then when I tried Firefox, it worked just fine? Just wanted to bring this to your attention. London,UK

  6. the Success Ladder Says:

    Wonderful site and theme, would really like to see a bit more content though!
    Great post all around, added your XML feed! Love this theme, too!

  7. ultra white smile pen Says:

    Glad I found this site lots of information for me to use thanks again. :)

  8. Andrew Pelt Says:

    Really interesting articles.I enjoyed reading it. I need to read more on this topic..Thanks for sharing a nice info…

  9. ferrreak Says:

    it was very interesting to read.
    I want to quote your post in my blog. It can?
    And you et an account on Twitter?

  10. quick loan Says:

    hey there I just wanted to comment your blog and say that I really enjoyed reading your blog post here. It was very informative and I also digg the way you write! Keep it up and I’ll be back to read more soon mate

  11. fohycrce Says:

    mnNvA3 wdyxmeppepoy, [url=http://zikbzpdeurhq.com/]zikbzpdeurhq[/url], [link=http://vhuatpccerfy.com/]vhuatpccerfy[/link], http://gkaaskvfpwqe.com/

  12. Los Angeles Social Media Marketing Says:

    I’ve read many websites and I can definitively say that this one is my absolute top pick. Bookmarked, I added this on Digg, and I subscribed to the RSS. Thanks!

  13. Kredyty Says:

    Very Interesting Information! Thank You For Thi Post!

  14. Karty Kredytowe Says:

    Very Interesting Post! Thank You For Thi Post!

  15. Kredyty Says:

    You certainly have some agreeable opinions and views. Your blog provides a fresh look at the subject.

  16. roulettetrick Says:

    Great idea, but will this work over the long run?

  17. linki sponsorowane Says:

    Great blog, I will add this blog to my favorites.

  18. tweetattacksreview Says:

    Great Blog! Saved it to my Bookmarks..

  19. buy backlinks Says:

    hey there I just wanted to comment your blog and say that I really enjoyed reading your blog post here. It was very informative and I also digg the way you write! Keep it up and I’ll be back to read more soon mate

  20. linki sponsorowane Says:

    Great text and nice site.

  21. solar energy inh ouses Says:

    Dear admin, thnx for sharing this blog post. I found it wonderful. Best regards, Victoria…

  22. cake decorating supplies auckland Says:

    Please tell me it worked right? I dont want to sumit it again if i do not have to! Either the blog glitced out or i am an idiot, the second option doesnt surprise me lol. thanks for a great blog!

  23. windows xp registry cleaner software Says:

    I found your blog via Google,I was looking at some of the articles and it really impressed me. All I can say is congratulations on creating this site and what took you so long? I look forward to returning.

  24. vemmaoe Says:

    Very Interesting Post! Thank You For Thi Blog!

  25. best travel agency Says:

    Wow! I really enjoyed this blog. You give me many good information, thank you!

  26. vrefvrq Says:

    I49kVE fhtbpvygasdf, [url=http://qqgufjvqqxfx.com/]qqgufjvqqxfx[/url], [link=http://dizhhpbdsihf.com/]dizhhpbdsihf[/link], http://faaxrekqcmfy.com/

  27. replica handbags Says:

    I feel you are too good to write Genius!Thanks for posting, maybe we can see more on this.

  28. Jeremy Heglund Says:

    Wow this is a great resource.. I’m enjoying it.. good article

  29. Google Alternative Search Engine Says:

    Cool post! How much stuff did you have to look up in order to write this one? I can tell you put some work in.

  30. Google Alternative Search Engine Says:

    Excellent information here. This interesting post made me smile. Maybe if you throw in a couple of pics it will make the whole thing more interesting.

  31. designer replica handbags Says:

    My English is not good, but to see the article you write a good feel of your

  32. Google Alternative Search Engine Says:

    I feel a lot more people need to read this, very good info! . . . . . .

  33. ZRJohn Says:

    I love the way you write! :D

    New Season Burn Notice

  34. starview software Says:

    Greetings, I enjoy your blog. This is a nice site and I wanted to post a comment to let you know, great job! Thanks starview

  35. Timothy Charles Says:

    Sound good. Its also my favorite topic.That’s great andthanks for the fine sharring.

  36. AK3 3DS Stock Says:

    Broadly speaking, it is not bad.

  37. Wordpress Themes Says:

    Genial fill someone in on and this mail helped me alot in my college assignement. Thanks you seeking your information.

  38. Chef Says:

    Wanted to put a facebook like box in my wordpress blog. followed everything you said, repeated ten times but whenever i save it om my text widget, it doenst save. Whatever i do, when i click on save, the code disappears and it doesnt save ! HELP!

  39. Flash Website Builder Says:

    I feel a lot more people need to read this, very good info! . . .

  40. Wally Says:

    This is a great blog. I have been looking for this for a while. The way you explained it here seems really easy to add FB to the WP blogs. Thanks so much for a sharing!

  41. Chadwick Celentano Says:

    I like your blog. I’ll for sure be peeping into it often.

  42. Margarett Ekstrum Says:

    great. It’s everything here exactly what I was looking for.

  43. Virgie Ulrick Says:

    Hello adminstrator , i love with u article. Do you have twitter or facebook so i can follow you ?

  44. Personalised Gifts Says:

    Thanks for putting this up, it was very handy and helped me very much

  45. John p. peter Says:

    helpful Post. thank for information.

  46. acı çehre Says:

    Thanks for post i was curious about this

  47. islami sohbet Says:

    Thanks for writing. I worked a lot of work

Trackbacks/Pingbacks

  1. You are now listed on FAQPAL - June 28, 2010

    How To Add A Facebook Fan Box To Your WordPress Blog | Designs Collage…

    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 ad…

  2. pligg.com - June 28, 2010

    How To Add A Facebook Fan Box To Your WordPress Blog | Designs Collage…

    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 ad…

  3. www.w3promoter.com - June 28, 2010

    How To Add A Facebook Fan Box To Your WordPress Blog | Designs Collage…

    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 ad…

  4. How To Add A Facebook Fan Box To Your Wordpress Blog | Designs Collage | All About WordPress Themes - June 28, 2010

    [...] Read this article: How To Add A Facebook Fan Box To Your WordPress Blog | Designs Collage [...]

  5. joyoge.com - June 29, 2010

    How To Add A Facebook Fan Box To Your WordPress Blog | Designs Collage…

    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 ad…

  6. http://www.tripwiremagazine.com/2010/06/125-awesome-fresh-articles-for-web-designers-and-developers.html - June 29, 2010

    [...] How To Add A Facebook Fan Box To Your WordPress Blog [...]

  7. Systems Development For Small Business. | wedding-secrets.info - July 3, 2010

    [...] How To Add A Facebook Fan Box To Your WordPress Blog | Designs Collage [...]

  8. wp-popular.com » Blog Archive » How To Add A Facebook Fan Box To Your Wordpress Blog | Designs Collage - July 5, 2010

    [...] here to read the rest: How To Add A Facebook Fan Box To Your WordPress Blog | Designs Collage Tags: facebook, [...]

  9. 125+ Awesome Fresh Articles for Web Designers and Developers | TechFleck - July 5, 2010

    [...] How To Add A Facebook Fan Box To Your WordPress Blog [...]

  10. How To Add A Facebook Fan Box To Your Wordpress Blog : Wordpress Herald - July 6, 2010

    [...] Collage has put together a very nice and helpful tutorial on this topic. Just follow every step, check the screenshots and you’ll have your own [...]

  11. links - July 12, 2010

    Awesome Post…

    Saw this great post And just had to link back to it…

Leave a Reply