Very first step is to go to Facebook social plugins page and select Facebook like box for pages. Here is a direct link to that page. Apart from Like box, I would suggest also have a look into other Facebook social plugins which might be useful to make your Website more social.
So once, you are on Facebook like box page, change the URL with your Fan page URL. For reference, in this video tutorial, I have used Page URL as https://www.facebook.com/Egypt.Web.Solutions . Similarly, you can add your fan page. In case if you have not set up Custom URL for your fan page, do it right away.
Once you have added your URL, the preview tab will automtically start showing widget for your blog. You can make changes from settings, like specify a custom size for Facebook fan page widget. I usually, remove stream and header part as they add more into loading time. If you don’t want to show Facebook fan photo, you can hide that too from settings. Though, Facebook fan photo into your Facebook fan box, will add more personal touch for new readers, as Facebook shows your friends photo when you browse a site using Facebook like box.
Once
you have made all the settings, click on get code and you will get
three code options to add the widget on your blog. Go to iFrame code and
copy the code given. Now go to your WordPress or BlogSpot blog widget
section and add a text widget and paste the code. If you have copied and
pasted the code properly, in no time you will see your Fb fan page
widget live on your blog.
Personally, I have realize Fan page widget works the best to grow your followers on Facebook and more important this way, you will get more loyal readers as people who would be subscribing to your page are those who liked your content. But, there is a down side of this widget and that is load time. I have seen a drift of atleast 0.8 sec after adding and removing this widget. Though I guess, you won’t mind comparimsing on the speed for getting more fans, as social media plays an important role in better ranking.
