How To Display Facebook Comment box on Blogger Mobile View

How To Display Facebook Comment box on Blogger Mobile View 1
Follow me

Mathias Amodu

Founder at Zealmat Limited
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large
How To Display Facebook Comment box on Blogger Mobile View 1
Follow me
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.

Image

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

<body

Step 5
Copy the code below then click here to parser it, after parsing it then copy the parse codes⬇
How To Display Facebook Comment box on Blogger Mobile View 3

Also read  Tips For Growing The Blog Of Your Website

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>
</p>
<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’/>
</div>

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

About Mathias Amodu 918 Articles
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large

2 Comments

Leave a Reply

Your email address will not be published.


*