How To Display Facebook Comment box on Blogger Mobile View

Share... ☂

Share on Facebook
Share on Twitter
Share on Google+
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⬇






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.
Share :

zealmatblog

No comments:

Post a Comment

Create your website from just N299/Month with DomainKing.NG.

P.S: Want me to help you personally? If yes, you can buy my helpful eBooks or Hire me now!

Do you need original SEO ready articles for your blog or website? If yes, hire Mathias Amodu on Fiverr. Expect simply the best from me.







Parse Your Adsense HTML code Here





We love to hear from you!

Sign in to comment "anonymously" without entering verification text.