Published On: Thu, Feb 28th, 2013

How to add Facebook Like Box to blog or business website, faster and easier

Have you planned to make blogging your carrier or have you planned to make Internet your source of income in million’s and billions ? Then you must have started a blog or business website, in whatever way you love to start your online business.And for a quality business you need to interact with people in whatever best way you can.

To increase your website or blog traffic and to keep your users or readers updated with your business one of the most important way to do so is Social media interactions i.e, Facebook marketing and social media marketing. Here we will concentrate on providing tips for interacting with users on Facebook through Facebook like box.

So without wasting much time we will concentrate over the Title.

Why to add Facebook like box to your website.

How to add Facebook Like Box to blog or business website, faster and easier

Since we all know today Facebook has become the best social media platform with more than 1 billion users, and surly no businessman would think to leave this market with 1 billion people.So the thing is simple to get maximum back-linking and to get maximum users in a faster way you need to have Facebook fans who can help you to increase your traffic and business.

For example if you are running a tech blog than any of your reader who love your writings will surely like your blog on Facebook for daily updates and will share further updates in Facebook.If any of his friend is also a tech lover he will do the same further on and in this way you can catch that crowd.So lets talk about how people will like you on Facebook ?

Snapshot showing the information which are to be filled in order to get like box codes

Snapshot showing the information which are to be filled in order to get like box code

What is Facebook like box ?

Facebook like box is a visual box like structure which comes in codes like HTML or IFrame codes and when applied in a particular space it looks interactive and people can see its visual format.Facebook like box can be applied anywhere on your blog or website with or without use of extra plugins.

Usually for CMS platforms like WordPress, Joomla or Drupal there are a lot of plugins for Facebook like box but I will suggest not to use them because they can make your website load slower.Below is the simplest way to add Facebook like box which will load with your website much faster as compared to plugins because if you use the method below it will take .5 seconds to open like box opposite to 3 seconds, which a normal plugin takes.

Get your like box for faster experience.

Finally we reached to the point, but you should read above contents with full concentration because that is also very important for you.

You need to create a Facebook page firstly for your website or blog and then only you will be ready with further procedures.Read how to create a Facebook page ?

After you are done with creating your Facebook page or you already have a Facebook page follow instructions below.

  •  Open this link which will direct you to developer site of Facebook like box.
  •  Then enter the prescribed information in the box (snapshot at right)
  •  See the image below, if you find any problem.

 

 

How to get codes

An image explaining how to get Facebook like box coding.

 

 

 

 What does “show stream” and “show faces” stand for and how they effect your website appearance ?

Below are three images which will explain you what these two fields in a simple way.

Preview of like box when only "show faces" is enabled

Preview of like box when only “show faces” is enabled

 

Preview of like box when only "show stream" is enabled

Preview of  like box when only “show stream” is enabled

 

Image showing preview of  like box when both "show stream" and "show faces" enabled

Image showing preview of  like box when both “show stream” and “show faces” enabled

 

 

  • Click over Get code button to get different codes HTML,XFBML,IFRAME or URL.
Snapshot showing the dialog box which appears after "get code" tab is pressed

Snapshot showing the dialog box which appears after “get code” tab is pressed

  • Select the code at upper field if you want to put it in your website manually in between your site codes.
  • select code at bottom field if you want to put like box in widgetized panel or in any simple plugin which can read HTML,XFBML or IFRAME codes.

Just follow the above tips and you will be ready with a stylish Facebook like box in your website.

So, Like us  if you like this post and comment box is there for appreciation. :)

About the Author

- An engineering student love to be free, love to speak , love to write

Displaying 3 Comments
Have Your Say
  1. Akshay says:

    Great Post!
    The answer to Bnc Box is that he can use plugin call MobilePress, or can design the moblie site using GinWiz or can also do it by using Jetpack for WordPress

  2. BCN box says:

    Hey there! Quick question that’s completely off topic. Do you know how to make your site mobile friendly? My web site looks weird when viewing from my iPhone 4. I’m trying
    to find a template or plugin that might be able
    to resolve this problem. If you have any recommendations, please share.
    Thank you!

Leave a comment

XHTML: You can use these html tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Wordpress SEO Plugin by SEOPressor