How to setup Facebook fan page for your Blog

Facebook is the most popular social networking site throughout the Internet and one thing that makes this social network useful to bloggers is the fan page setup and the facebook share feature. However, for someone new to facebook, creating a page might not look so easy. So here in this post I present a step-by-step guide to create a facebook fan page and will also explain you how to add it to your blog, later in the post we will also discuss how to add facebook share button on the blog posts.

Face book page and ads

Face book page and ads

Once you register and login to your facebook account, you will find the homepage of your facebook account. There you can edit your bio, check out setting etc. At the end of the page you will find some small buttons, one of those will be “ads and pages”. Click on that and it will take you to a page that will give you a small tab saying, “pages”. After you click on it, you will be

Create page link

Create page link

taken to the manage page options, where you can create page. Just click on the create page option and do the needfuls as shown in the screenshot and you are done.

create page button

create page button

Once you have setup the page, your next work is to add a fan box to your blog. To do that, go to the bottom of your facebook page and click on the “developers”. On the developers page, on the side you will find an option saying, “Integrate Facebook into your site using Connect”, click on it. On the connect page, at the side you will find something saying,

Facebook widgets mainpage

Facebook widgets mainpage

“Facebook widget”, click on it. On the widgets page you will find the option to add facebook fan box to your blog. Just click on the “fan box”, go through the options like selecting the page, unchecking the stream and click on other if you are wordpress. You will be provided the code that you need to put on your blog, preferably sidebar.

how to create facebook share in blog

how to create facebook share in blog

On the same, “facebook widgets” page, click on the “share” button, it will take you to more options and there you just need to copy the codes and past it to your single.php page in wordpress and you are done. However, there is another way to put the facebook share code on your blog post page. Use the tweetmeme wordpress widget to do it so that the facebook share is placed next to the retweet button. I also like to add yahoo buzz and digg buttons around it.

tweet meme codes

tweet meme codes

To do this, you need to click on the plugin editor in your wordpress panel. But before you begin any further, I strongly recommend to backup the tweetmeme.php file under the /tweetmeme/ folder in wordpress plugins. Next, in the plugin editor, select tweetmeme, and the tweetmeme.php file will open. There navigate to the text that says something like “$button .= ‘ frameborder” refer to the screenshot. However, just pasting this small code in the firefox find box will center your screen in the right place.

Tweet meme added

Tweet meme added

There on the same line you will find the div tags, just press enter a few times and bring the div a little down and add the digg, yahoo buzz and facebook share code there, or anything else you want to :D. Again refer to the screenshot, it will be helpful.

All done, enjoy the power of facebook with blogging. And if this helps you then retweet it, and share it on facebook, and most of all, become a fan of tech nascent on facebook. For more articles subscribe on the feeds, thanks.

Posted in Social Media Tagged with: , , , , ,
26 comments on “How to setup Facebook fan page for your Blog
  1. Ms. Freeman says:

    Very well detailed steps. Setting up a Fan Page is one of the most frustrating things to do and these steps will be of great help to those in the process of doing it.

    I wish you had written this back when I was going nuts trying to figure it out on my own LOL 🙂
    .-= Ms. Freeman´s last blog ..Do You Have Permission To Use That Photo? =-.

  2. Phaoloo says:

    Nice tutorials, they say Facebook fan page works far more better than Google Friend connect.
    .-= Phaoloo´s last blog ..10+ Icon And Smiley Sets For This Christmas =-.

  3. Rajesh Kanuri says:

    dude small suggestion use the center alignment for the pictures.. the style which you used is not appealing.. other than that nice tutorial..
    .-= Rajesh Kanuri´s last blog ..TechCats Reached 1000 Comments Landmark =-.

    • Tech Nascent says:

      yep, you are right, the left alignment has messed up the looks, but then all the pictures are on one side and the text on the other side, looks good to me that way, so did not edit it 😛

  4. Sandesh Mascarenhas says:

    Nice info dude…………. I was wondering how people do it. But sadly to say….. I do not have an facebook account yet………. 🙁

    • Tech Nascent says:

      hi Sandesh Mascarenhas,
      i had a facebook account for some time but never used it, until a few days back when i decided to just do it. Facebook is cool, am enjoying it finally 🙂

  5. Vivek Krishnan says:

    I was sick and frustrated setting up the FB fan page on my blog. I wish I had seen your instructions earlier. Hope it helps many others! Nice Tutorial.
    .-= Vivek Krishnan´s last blog ..Linking out will NOT reduce your Google Page Rank =-.

  6. Abhishek says:

    I already have a fan page, the question is how I promote it?
    .-= Abhishek´s last blog ..Cannot Install or Update Chrome – Error, Corrupt or Failed Installation =-.

    • Tech Nascent says:

      hi Abhishek,
      just went through your blog again and looks like you do not have the fan box thing on your blog sidebar. The fan box thing works good to get more fans, i got a few myself 🙂 other than that, if you get into others fan boxes, they might reciprocate 😀

  7. Himanshu says:

    Simply nice tutorial, though images are not so clear. But its Ok, Facebook fan page is necessary for branding of website among Facebook users and it comes totally free of cost. It also allow conversation on Facebook. It also provide all the visitors tracking record. So its nice to see all the detailed view of users interaction.

  8. Pubudu Kodikara says:

    Nice tutorial dude! Thanxs
    .-= Pubudu Kodikara´s last blog ..Intel Puts 48 Processing Cores in One Single Silicon Chip =-.

  9. Tinh says:

    I did this for quite a long time and then quit after two months of using it. It is useful but it seems to make my blog slower and slower. Thanks anyway
    .-= Tinh´s last blog ..Site Performance: Check Your Site Speed Within Google Webmaster Tools =-.

    • Tech Nascent says:

      hi Tinh,
      on my computer its loading pretty quick, however i don’t know how much time it takes on slower computers to load, perhaps its time to check out our site loading speeds on slower public computers…

  10. Basant Singh says:

    Good tutorial. Moreover it’s descriptive & capture all the details.
    .-= Basant Singh´s last blog ..Traffic Statistics & Analysis of Techno-Pulse =-.

  11. refurbished computers says:

    And if this helps you then retweet it, and share it on facebook, and most of all, become a fan of tech nascent on facebook.

  12. Reseller Hosting says:

    Your blog keeps getting better and better! Your older articles are not as good as newer ones you have a lot more creativity and originality now keep it up!

Leave a Reply