How to Add Facebook Mobile Comment Form to Blogger BlogSpot Mobile View

Welcome to GetWebInfo. Here you will learn about this post here as to how to add the Blog Mobile Comment form to Blogger BlogSpot Mobile. If you have customized custom Blogger Mobile Template, you can customize your blog's mobile view as custom. You can add and remove what you like and remove as much as you want to know about it.


To get started I recommend you enable the Custom Blogger mobile template. If you do not know how it works in your blogger blog account and go to "Template" click the "Mobile" icon. Select "Show Mobile Template on Mobile Devices". Select "Custom" from the drop-down and save your template.

Step 01: Find your Facebook app ID

Step 02: If you do not know how you can find your Facebook App ID and you may be able to find your Facebook app ID.

Step 3: Next you have to log in to backup your login to Blogger Dashboard and go to <Template> Edit HTML".

Step 04: Click inside the HTML and use CTRL + F and find the body

Step 05: Just love it only above <div id = 'fb-root' />

Step 06: Copy the code below and paste it just below <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=1569785879914041&version=v2.0″;
  fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
Now your template HTML code box is looks like that

Step 07: Now just Save Your Blogger Template

Step 08: Click inside the HTML and Use CTRL+F to find out this code is given below

<b:if cond=’data:top.showMobileShare’>
Step 09: Carefully find the ending </div> as seen in the screenshot below



Step 10: Directly Below it copy and paste the code below </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>
Step 11: Now finally Save your Blogger Template and you can all don. Just check first time that every thing is working properly to your Blogger template before your don this work.