How To Display Facebook Comment box on Blogger Mobile View

How To Display Facebook Comment box on Blogger Mobile View

The Facebook comment box is very important because it enables other visitors who are not use to the google comment for easy commenting on blog posts.
The last we have talked on how to add Facebook comment box to your blog right which on display on your desktop view so today we will be taking on how to display Facebook comment box on your blog mobile view.
Just follow the steps below.


Step 1
You will have to create a facebook application or if you have already you can still make use of it.

Step 2
Now login to your blogger account and then select the blog you want to add the comment box to.

Step 3
Then scroll your mouse down to the template tab and click on it then in the template page click on edit html again.

Step 4
Now click on the html code and then press  CTRL+F on your keyboard and search for this code below


Step 5
Copy the code below then click here to parser it, after parsing it then copy the parse codes⬇

Step 6
 Now you will paste the parse  code below this  <div id='fb-root'/>

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=758437636478576&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Change the red numbers to you Facebook ID

Step 7
Now click on CTRL+F button on your keyboard and search for the code below⬇
<b:if cond='data:top.showMobileShare'>

Step 8
Then copy this code and paste it below the above code.
At the end of this code paste it    </div>

<p align='center'>
<span style='font-size: 15px;font-weight:bold;'>Facebook Comment Box </span>
<div style='text-align: center;'>
<fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' mobile='yes' numposts='10'/>

Then after inserting all the codes above then click on the save button now use your mobile phone to check it out.


  1. Navigate to your Post. You can get the embed code directly from the post itself. If the post is public, click on the icon that appears in the top right corner of the post on Facebook. ...
    Copy and Paste Code. You will see a dialog appear with the code to embed your post in it.
    shockwave flash not responding