Skip to main content

How to add facebook page in blogger in 5 steps ?


How to add facebook page in blogger

Do you want to add your facebook page in your Blogger blog ?

If yes then you are at the no 1 place to do that . Every year , alot of people are joining blogging community and the platform they choose for the first time is Blogger because it is free to use and easy to handle.

But new bloggers often gets problem on technical stuffs and many more things but luckily there are alot of free tutors on the web to teach you and i am one of them.

And today i will teach you how to add facebook fan page in blogger blog.

How to add facebook page in blogger ?

In order to add your facebook Like page or Fan page in blogger,

 Just  follow these steps

step 1 : Copy link of your Facebook page

Very first step is to copy the link of your facebook page . To copy its link at first login to your facebook account and just open your page from menu .
Then you can copy its link from address field of your browser which looks like

Above link is link to my facebook page, you can like and follow it.

Step 2 : Go to facebook developers website and Paste this link into Adress field

In this step go to official site of facebook page plugin by clicking here . And you will see a page with plugin development panel.

You just have to paste your FB page link into the field and  also select those option according to your choice. Like height or width or facebook friends my suggestion is just off your friends and leave others as it is.
Facebook developers plugin page

Step 3 : Generate code of your Facebook page plugin

Just click on the generate code button and  you  will see some codes infront of you. There are two type of code one is script SDK based and another is IFRAME based you can copy any one of them.

**Wait in script based code there are two set of code copy both of them will be required.

You can see it below.
Code to display facebook page in blogger

Step 4 : Go to layout of blogger and Add html/javascript gadget and paste code.

In this step just go to your blogger dashboard and open layout page . In layout either in sidebar or footer just click on add a Gadget and select " HTML / Javascript " gadget. Then copy paste above code there and save it.

*if you used Iframe its fine but if you used Script SDK based code then paste both code one by one.
Pasting code in widget

Step 5 : visit your Blog and you will see your Facebook page like box.

Congratulations you have successfully added a facebook Fan page like box in blogger.

Alternative Method

If you don't want to mess with all above step i have another way to do samething just copy the code below to html/javascript gadget and replace red link with your fanpage link   and hit save button and its done.
<iframe src="" width="262" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>


Finally i want to say that adding a facebook fan page is very important as a blogger . If you have a good fan following in facebook or twitter then its always helpful. Another benefit of having facebook fans is you can generate money even if you don't have alot of organic traffic  and you can easily monetize facebook traffic.

There are many other benefits as well like having fan will give you recurring visits , in blogging world getting new visitors is great but recurring visit will make your brand more stronger and also helps in SEO like its signal to google that this blog has huge fan base . So all bloggers must have a FB fan page.

Thanks for reading

Please link to this blog and share this article or tweet it or pin it.


Popular posts from this blog

How to create blogger sitemap just in 2 minute ?

  Do you want to create an XML sitemap for your blogger blog ? If your answer is yes then stick yourself to this post. But at first let me tell you what a sitemap is , very first answer to this question is" It is a map of website " . Yeah its true  , a sitemap or lets say sitemap of your blog is basically an XML file containing links of all the blogpost published .  But why do we need sitemap ?  Its answer is very simple , we need sitemap to better index our blog in google or lets say any other search engines like bing or yahoo.  Actually this sitemap is not for small blog with some 20 post or like that but when you have about 50 post , 100 or even big blogs may have 2000 posts. So ,In that case we need a sitemap so that google's crawler will evenly crawl the pages and make sure that none of your  post will be left. Bloggers default dynamic sitemap Blogger have a default dynamic sitemap for every blog created on its platform . It is an xml file with schema and ev

How to create a free blog and make money ?

 Do you want to know ? How to create a free blog and earn money?  If your answer is yes then believe me you are at the best possible place in the whole web . But before that i want to make a request  please don't scroll this page and please read each and every word very slowly . Basically it is very personal message  written with heart to share my experience and blogging journey.  Just give me your 30 minutes believe me it will be your most fruitful 30 minutes. And this small investment can give you larger results in future. So Lets begin our main disscussion from here. I went to google chrome and searched " How to create a free blog and make money " and i found more than 20 websites and read their whole article . Those 20 websites has claimed following things. 1. Blogging is very easy. 2. Wordpress is only the option. 3. As usually money grows on trees . Although i searched with keyword  "free" But none of those websites provided me  a free way

How to create a contact us page in blogger in 2021 ?

  Are you here to learn " How to create a contact us page in blogger blog " If yes then you are at the right place. But at first , let me introduce you with contact form and its importance for a blogger. Contact us page is one of the most important pages for a blogger so that your visitors can connect with you. Athough contact us page is very simple in nature , it can create huge opportunities like sponsors can contact you for advetisement , similarly other bloggers may contact you for guest posting which is great because it may pay you as well as you will get a piece of article for free. Also If any visitors wanted to contact you for any personal benefit or queries then comment sections a sometime unfavourable and so through your contact form they can express their feelings. Some benefits of having contact form are pointed below. 1. Sponsors can reach easily to you 2. Other blogger may contact for guest posting. 3. Visitors can personally interact with you.