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!

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • BlinkList
  • DZone
  • Facebook
  • Furl
  • Google Bookmarks
  • LinkedIn
  • Live-MSN
  • Mixx
  • MySpace
  • NewsVine
  • Propeller
  • Sphinn
  • Technorati
  • TwitThis
  • YahooBuzz

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

  1. Club Penguin Cheats Says:

    hey, I added ur site to my RSS reader. the posts are awesome! :)


  2. Jenifer Cunha Says:

    I have to state, you chose your words well. The ideas you wrote on your encounters are well placed. This is an incredible blog!


  3. building a fence off the ground Says:

    I can’t but agree.I always wanted to write in my site something like that but I guess you’r faster.


  4. You are now listed on FAQPAL Says:

    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…


  5. Anamaria Coggin Says:

    Had some problems viewing the site in Firefox on the Mac, but apart from that loved the post. :)


  6. pligg.com Says:

    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…


  7. www.w3promoter.com Says:

    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…


  8. Full Game Says:

    dispenses utilize a great web-site decent Gives with thanks for the hard work to help everyone


  9. Tommie Wintz Says:

    Hi, I can’t understand how to add your site in my rss reader. Can you Help me, please


  10. ULTRA WHITE SMILE PEN Says:

    hey great information your site contains will return when I have time to read more.


  11. How To Add A Facebook Fan Box To Your Wordpress Blog | Designs Collage | All About WordPress Themes Says:

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


  12. chanel handbags Says:

    Hello Thanks for making my morning a little bit better with this great article!!


  13. Jennifer R Says:

    Nice tutorial, with it I can create a Fan box in my site now :)


  14. Colby Szwed Says:

    This is just the sort of info I was looking for! Thanks :)


  15. joyoge.com Says:

    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…


  16. youtube marketing Says:

    I love your blog! did you create this yourself or did you outsource it? Im looking for a blog design thats similar so thats the only reason I’m asking. Either way keep up the nice work I was impressed with your content really..


  17. free registry cleaner Says:

    It was some good information that you posted.


  18. http://www.tripwiremagazine.com/2010/06/125-awesome-fresh-articles-for-web-designers-and-developers.html Says:

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


  19. PMP Project Management Says:

    Thanks for your insight. I was searching for Project Management Professional articles when I found this story on Bing. This is exactly what I was looking for. I’ve bookmarked this post for future reference :-) Nice post – Catch Ya Sally


  20. youtube marketing Says:

    I love your website! did you create this yourself or did you outsource it? Im looking for a blog design thats similar so thats the only reason I’m asking. Either way keep up the nice work I was impressed with your content really..


  21. Barry Cazenave Says:

    This is just the sort of info I was looking for! Thanks :)


  22. w3promoter Says:

    That’s really an outstanding article..


  23. Systems Development For Small Business. | wedding-secrets.info Says:

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


  24. wp-popular.com » Blog Archive » How To Add A Facebook Fan Box To Your Wordpress Blog | Designs Collage Says:

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


  25. 125+ Awesome Fresh Articles for Web Designers and Developers | TechFleck Says:

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


  26. Jenny Says:

    if it didnt make my site look so ugly i’d totally add one of those. but until i have control over colours and style, ima have to pass.


  27. woodworking tip Says:

    I just be in love with your weblog! Very nice post! Still you can do several things to enrich it, and i will be back.


  28. Sandi Naillon Says:

    Thanks for sharing this one!


  29. How To Add A Facebook Fan Box To Your Wordpress Blog : Wordpress Herald Says:

    [...] 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 [...]


  30. Adrian Sandu Says:

    This was a very helpful tutorial and I managed to make my box in 5 minutes or so. Unfortunately I ran into the same problem as Jenny did: the box does not fit with the design and layout of my current theme.


  31. Bertram Beadnell Says:

    Nice article


  32. Hyman Tebar Says:

    Nice post


  33. Edgar Deroberts Says:

    Great read. Thanks for the info!


  34. county tax liens Says:

    Aw, this was a really quality post. In theory I’d like to write like this too – taking time and real effort to make a good article… but what can I say… I procrastinate alot and never seem to get something done.


  35. Part Time Jobs PA Says:

    oh cool, this information is really useful and definately is comment worthy! hehe. I’ll see if I can try to use some of this information for my own blog. Thanks!


  36. Info Product Killer Says:

    I loved it . Will definitely be writing about this post. don’t worry , i will credit you and your blog , if you don;t mind.


  37. parts tools Says:

    Being a new blogger, I would like to tell you that you have given me much knowledge about it. Thanks for everything.
    Mr.parts tools


  38. Tanisha Doescher Says:

    I REALLY liked your post and blog! It took me a minute bit to find your site…but I bookmarked it. Would you mind if I posted a link back to your post?


  39. designer replica handbags Says:

    I have been looking looking around for this kind of info. Will you publish some more in future? I’ll be grateful if you will.


  40. Rusty Seen Says:

    Thank you for another great article. Where else could anyone get that kind of information in such a perfect way of writing? I have a presentation next week, and I am on the look for such information.


  41. corporate websites Says:

    Thanks for good article. Hope to see more soon. . . . .


  42. corporate website design company Says:

    Thanks for good article. Hope to see more soon. . . . .


  43. Tammy Durazo Says:

    Thank you to get sharing this information. But it will be truly great to get some more details!


  44. Ahmet Says:

    Hello,
    I copy the code and paste it in the required field and then when I press the save tab the code disappears. And so I cannot add the box as a result. Does anyone know why?


  45. Sigrid Maner Says:

    I followed your instructions and it worked great! thanks!


  46. Ultra Tall Ugg Boots Says:

    I agree it is very well done. Glad you found it useful.


  47. Dusty Welsch Says:

    try it best .


  48. Elwood Mochel Says:

    These are very nice tips that I will try out, I am glad I ran into it. Thanks.


  49. replica handbags Says:

    I agree with you. This type of projects should be encouraged and I think that these type of projects are the projects for the future


  50. Glee Says:

    I just wanted to comment 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 in the future


  51. Erin Yarborough Says:

    Great to see you back again. And again with an interesting post.


  52. best php hosting Says:

    Good…Thanks addons.


  53. louis vuitton handbags Says:

    This can be a fantastic write-up thanks for sharing this informative info.. I am going to go to your website frequently for some latest post.


  54. earn points surveys Says:

    Interesting site, I’m very glad I wandered here through google I’m going to have to add this one to the old bookmark list.


  55. backlinks Says:

    I just wanted to comment 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 in the future


  56. links Says:

    Awesome Post…

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


  57. Elliott Patlan Says:

    well done.


  58. Brittaney Lebroke Says:

    hehe,it is amazing.


  59. pozycjonowanie stron internetowych Says:

    Great site and nice text.


  60. memroy optimizer Says:

    It was some good information that you posted.


  61. Bobby Casino II Says:

    I’m not sure that I agree 100% with your blog post, but I did find it interesting.


  62. registry cleaner reviews Says:

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


  63. 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


  64. 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


  65. 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!


  66. 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


  67. 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!


  68. ultra white smile pen Says:

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


  69. Andrew Pelt Says:

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


  70. 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?


  71. 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


  72. fohycrce Says:

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


  73. 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!


  74. Kredyty Says:

    Very Interesting Information! Thank You For Thi Post!


  75. Karty Kredytowe Says:

    Very Interesting Post! Thank You For Thi Post!


  76. Kredyty Says:

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


  77. roulettetrick Says:

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


  78. linki sponsorowane Says:

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


  79. tweetattacksreview Says:

    Great Blog! Saved it to my Bookmarks..


  80. 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


  81. linki sponsorowane Says:

    Great text and nice site.


  82. solar energy inh ouses Says:

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


  83. 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!


  84. 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.


  85. vemmaoe Says:

    Very Interesting Post! Thank You For Thi Blog!


  86. best travel agency Says:

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


  87. vrefvrq Says:

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


  88. replica handbags Says:

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


  89. Jeremy Heglund Says:

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


  90. HHWilliam Says:

    Nice post! ;-)

    Flying Tech


  91. 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.


  92. 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.


  93. designer replica handbags Says:

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


  94. Google Alternative Search Engine Says:

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


  95. ZRJohn Says:

    I love the way you write! :D

    New Season Burn Notice


  96. 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


  97. Timothy Charles Says:

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


  98. AK3 3DS Stock Says:

    Broadly speaking, it is not bad.


  99. Wordpress Themes Says:

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


  100. 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!


  101. Flash Website Builder Says:

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


  102. 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!


  103. Chadwick Celentano Says:

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


  104. Margarett Ekstrum Says:

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


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Get Adobe Flash playerPlugin by wpburn.com wordpress themes