Add Facebook Like Box Below Every Post In Blogger

Facebook like box is a social plugin that allow page owner to get more like directly from their blog/site with a one click without leaving their site. These Facebook likes are representing the reputation and readership of each and every blog by showing the number of likes of that particular blog. So now we will be adding a like box below every post on blogger so that whenever a visitor views your post he will see that like box and will become your page fan.

How To Add Facebook Like Box To Blogger Posts

Go to Blogger Dashboard
Click on DropDown Menu and select Template
Backup your Template before making any changes to your blog
Now Click on Edit HTML --> Proceed --> Expand Widget Templates
Press Ctrl + F and search the code shown below

<data:post.body/>

Now Paste the Code shown below just below it

<b:if cond='data:blog.pageType == "item"'><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Flatesthacking&width=580&height=180&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:580px; height:180px;" allowTransparency="true"></iframe></b:if>

Now replace latesthacking with your facebook username and change width 580 and height 180 according to your template

Facebook Like Box Demo

Like it? Share it.

Click to Add a New Comment

If you're asking a question click on Subscribe By Email link, on the comment form, to be notified of replies.
Do NOT add links to the body of your comment as they will not be published.
Only the comments posted in ENGLISH will be approved.
If you have a problem check first the comments , maybe you will find the solution there.