How to setup Facebook fan page for your Blog
December 1, 2009 by uttoransen
Filed under Social Media
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.
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
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.
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 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.
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.
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.
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
. 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.













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? =-.
hi Ms. Freeman,
welcome to Tech Nascent and thanks for your comments,
actually just a few days back i setup my facebook fan page and share feature, and i must confess, it was very hard indeed. So though to make out a guide so that others who have not implemented this won’t have to go through all the hard work…
Trust me it will be much appreciated!
.-= Ms. Freeman´s last blog ..Do You Have Permission To Use That Photo? =-.
Thanks
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 =-.
hi Phaoloo,
thanks for your comments,
am pretty new to both, lets see how it works for me,
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 =-.
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
Nice info dude…………. I was wondering how people do it. But sadly to say….. I do not have an facebook account yet……….
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
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 =-.
hi Vivek Krishnan,
welcome to technascent and thanks for your comments,
surely setting up the facebook fan pages is not that easy, faced a lot of problems myself, so decided to make a tutorial on it,
nice call. Now Following you on FB!
Thanks
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 =-.
hi Abhishek,
other than that, if you get into others fan boxes, they might reciprocate
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
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.
thanks for your comments
Nice tutorial dude! Thanxs
.-= Pubudu Kodikara´s last blog ..Intel Puts 48 Processing Cores in One Single Silicon Chip =-.
hi Pubudu Kodikara,
welcome to technascent and thanks for your comments,
cheers!
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 =-.
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…
Good tutorial. Moreover it’s descriptive & capture all the details.
.-= Basant Singh´s last blog ..Traffic Statistics & Analysis of Techno-Pulse =-.
hi Basant Singh,
thanks for your comments
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.
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!