Saturday

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.

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



Parse Your Adsense HTML code Here





We love to hear from you!

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