How to Add Facebook Like Box to Blogger Blogspot Blog

By Unknown 0 comments

~~1. Go to facebook developers web page~~

~~2. Customize as you wish and follow my image instruction.~~

~~3. Copy the obtained code.~~

~~4. Login to Blogger Dashboard>Design.~~

~~5. Click On Add a Gadget.~~

~~6. Select HTML/JavaScript~~

~~7. Give a title Like Us and Paste the code here.~~

~~8. Save it. Refresh Your Blog.~~

Go to Blogger Dashboard > Design > Edit/Page Layout.
Choose Add a Gadget > HTML/JavaScript.
Paste below code after replacing my username woth yours.

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBloggingHub&amp;width=292&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>

Now replace BloggingHub with your username.

Customization (Optional)

If you want to show stream then find this stream=false code and change it to true.
If you don't want to show Header then change this code header=true
To change height and width find these width=292 and height=290 two codes.
If you don't want to show faces then change this show_faces=true value to false.
Now save your changes and you are done...

I hope that this tutorial will helped you alot in adding "Facebook Like Box" to your blogger blogspot blog. To learn more about Blogger that How to Add Facebook Like Button? follow the links.