
box can be added with an iframe tag <iframe> . These iframe tags load fast so that there is no effect on your blog loading time . In this tutorial I will be showing your how to add facebook like box for Blogger blog or website ?
Steps to Add facebook Like box :
- Login into your blogger account .
- Navigate to blogger-->Layout .
- Click on add a Gadget and select HTML/Javascript widget .
- Copy and paste the below code in the widget .
widget .
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Ffacebook.com%2Fmeroconceptblog&width=300&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true&appId=399445663468890" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowTransparency="true"></iframe>
- Replace meroconceptnlog in the above code with your facebook page id .
- Click on save Button in the widget . Once the widget is saved you can find your facebook Like box in your blog .
Tips :
1. It is always better to add facebook like box widget in sidebar or footer .
2. The above Facebook like box looks in the form of square . You can even change the dimension by changing height and width from the above code .
3. By adding Facebook like box widget your facebook page receives more number of likes from new visitors of your blog or website .