Learn How To Add Facebook Like Box Below Every Post In Blogger

Add Facebook Like Box Below Every Post In Blogger

This Facebook Like button will allow visitors to Like your post and share it to their Facebook friends. In this post we will see how we can add a Like button for each individual Blogger post, and not a Facebook fan box for the entire blog (which is also a good idea to have in your sidebar). Having a Facebook Like button below your post titles makes easier for Facebook users to like specific posts on your blog, which in turn displays the liked content on their profile (and potentially on their friend's feeds).

If you want to add the Facebook Like Button below your blogger post title, then follow these steps:

How To Add Facebook Like Box Below each blog post

  • Step # 1
Go to blogger dashboard –> Template –> Edit Html ( Tick the expand widget option).
  • Step # 2
Find For <data:post.body/> and paste the following code just below it.
<b:if cond=’data:blog.pageType == &quot;item&quot;’><iframe allowTransparency=’true’ frameborder=’0′ scrolling=’no’ src=’//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsayyadgraphic&amp;width=590&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false’ style=’border:none; overflow:hidden; width:590px; height:180px;’/></b:if>

  • Step # 3
Replace sayyadgraphic with your Facebook page username.
  • Step # 4
Replace width=590px and height=180px with your desired width and height to fit well on your blog.

Post a Comment

Thank you for getting in touch!
We appreciate you contacting us about [Contact Reason]. We try to respond as soon as possible, so one of our Customer Service colleagues will get back to you within a few hours.
Have a great day ahead!

Sayyad Graphics /*adblocker Script*/