Announcement: We will be soon releasing New Section for CA Students and Coupon Codes. Liked Us? Press

Thursday, March 22, 2012

Facebook Like Box Widget for Blogger | YourBloggingTips

Facebook Like Box Everyone wants to promote their Blog using various kinds of Social Media & believe me FACEBOOK is playing a dominant role in getting the traffic. Also, your blog has chances of targeted traffic (Loyal Fans) who have expressed their love by clicking “LIKE” button on your Facebook Page. There are various articles on the blogosphere regarding customization & styling of Facebook but after lot of EFFORTS, tweaks & help from MBT’s code, I am able to provide you the finished product – Facebook Like Box Widget for Blogger & How to Create a Facebook Like Page for your Blog.

Enough with the introduction, Let’s create your Facebook Like Box for your Blog. This procedure has been divided into two main parts -
A. Create your Facebook LIKE Page.
B. Create Facebook Like Box Widget for your Blog

A. Create your Facebook LIKE Page

Following Steps need to be followed very carefully :-

1. Go to Facebook –> Login with your UserID –> Scroll Down to Bottom of your Home Page –> Click on “Create Page” Link to create your Facebook Page (Very Important)
Facebook Create a Page

2. Select Artist, Band or Public Figure as shown Below
Select Artist,Band or Public Figure

3. Select Type as “Author” & Provide your Blog Name e.g. YBT
Get Started

4. Upload your Blog’s Main Logo (Resize it as Square 180x180 pixels) & Save your Photo
Upload Photo

5. Provide your Blog Details here & Your Main Blog’s address/URL & Click on Save Info
About Blog

6. After completing your above steps, You will reach Facebook Page for your Blog. Upload a Good Cover photo, Invite your friends through Facebook & Emails & start sharing your posts. For sharing posts, just copy your post link address & paste it on “Status – Write Something”. Automatically data of your particular blog post will be fetched & share it.
FB Page Admin Area

After following above steps, you have successfully created Facebook page for your blog.

B. Create Facebook Like Box widget for your Blog

Following steps need to be followed very carefully :-

1. Go to blog –> Layout –> Select Add a Gadget (preferably at sidebar on right side)

2. Paste this snippet of code along with necessary changes -

<script type="text/javascript" src=""></script>
<script type="text/javascript">FB.init("");</script>
<fb:fan profile_id="LIKE PAGE ID" stream="0" connections="10" width="292px" height="250px" header="0" logobar="0" css=""></fb:fan>

3. You need to change “LIKE PAGE ID” variable with your Facebook Like Page ID, we just created. Also, you can change width & height to adjust the widget as per your blog layout.

4. Follow below mentioned steps to get your Like Page ID -

Procedure 1

Open your Facebook Like Page & Note down its URL if it is provided in this format & Note down 15 digit number at the end of the URL & paste it in your LIKE PAGE ID


Procedure 2

If your Facebook Like Page is provided in the format as mentioned below, then Note down your Facebook Like Page URL e.g.

Go to & provide your Facebook like page ID Url

The site will give you your unique 15 digit no. which needs to be replaced with LIKE PAGE ID parameter.

5. Save your template & open your blog to see a beautiful Facebook Like Box.

Do you want to put a LIKE Button below your blog posts – Click here to Create a Like Button

Email-Icon If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you Subscribe to our regular Email Updates!


  1. Everybody needs to push their Blog utilizing different sorts of Social Media & accept me FACEBOOK is assuming an overwhelming part in getting the movement. Likewise, your website has shots of focused on activity (Loyal Fans) who have communicated their adoration by clicking "LIKE" catch on your Facebook Page. There are different articles on the blogosphere with respect to customization & styling of Facebook however after part of EFFORTS, tweaks & assistance from MBT's code, I can give you the completed item –">Facebook Like Box Widget for Blogger & How to Create a Facebook Like Page for your Blo


If you like the post, please share it or reply to me


YourBloggingTips Author

My Photo

Nihit Dalmia is an Entrepreneur, Professional Chartered Accountant, Blogger, & Innovator residing in Mumbai, India. Studied from University of Pune. My Ultimate Passion - Keep Innovating, Helping the community, Watching Movies, TV Shows & Travelling around. My Ultimate Motto - Work hard, Respect Other's work, Have patience & Share with others.


Aquarium (Click n Play)