Add Facebook Fan Page For Blogger Without Changing Codes!

Facebook fan Page is one of the most famous widget that is popular among the Blogger and website owners reason being through Facebook fan page a site owners are able to gauge the popularity of their site and user is able to like easily that is a sort of appreciation for the work. As I was a new Blogger who fears making any changes to the site design and the codes, in the beginning I thought to have this and read somewhere that we need to make some changes with coding then I stepped back and mubeenmehmood.blogspot.com left the idea to add but one of my friend told me to add Facebook fan page without changing the code I immediately did that and added fan page to my blog,  I had no idea how useful it could be but when i added this fan page then i realised the importance of having this widget.

Adding Facebook fan page has never been so easy:

If you want to add a Facebook fan page to your blogger and does not want to mess with the codes then  you must go through this article and add without changing any code. lets learn how to do that.

Step#1: You need to create a page for your fans at first so go to Facebook Developer Page to create a page 

Step#2: Then follows the wizard and enter all your details as per the requirement.

Step#3: add profile picture then come to About write something about your blog, if you want to add some other URLs you can add below and select Yes and Save info 

Step#4: Click Enable ads If you want to set ad campaign else Skip, as soon as you click that your fan page will appear before you.

Congratulations you have created your fan page, the first phase finishes here.

Let's go create an app for the fan page.

Step#5: Go to Facebook Developer Page to create an app.

1) : Copy your Facebook fan page URL that we have created in step#4  and paste in this box.

2) : Enter the width that you want







3) : There should be check mark if you want to show the faces of users.




4) : Don't forget to remove check from this box if you don't remove then it won't fit into the frame with users face, so it's advisable to remove the check mark as shown in the image and click Get Code.




Step#6: Next step is to click IFRAME and copy the code and paste into the html widget code box.

Step#7: Login to your Blogger account and go to layout and click add gadget and add HTML/JavaScript and paste the code and save it, check for the preview . 

Please share if you like and comment if you don't