How To Display Facebook Comment box on Blogger Mobile View

2
393
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⬇

banner ad

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.

* BEST DEALS & OFFERS*

◊Become an Expert Cryptocurrency Trader and Investor With My Winning Master plan and strategies. Get a 1-7 days Course Live on Zoom with complete mentorship and first hand signals With 30% Off Original Price For Just 100 Slots--CLICK HERE

◊Get Free ₦1,000 plus 5% - 15% interests on savings and over 35% return on investments: Create a Free Account on PiggyVest --CLICK HERE

◊Do you want to make good money daily betting on your favorite soccer games?Join Betgaranteed Telegram channel for constant and steady Football winning --CLICK HERE

◊Register Your Business Name With CAC and Get it in less than 2 weeks--CLICK HERE

◊Grab Ultimate List of Over 100+ Companies That Pays You Up To $2500 To Blog and Post Online ( #3000 Only))- CLICK HERE
____________________________________________________________________
Previous articleHow To Add Facebook Profile Badge On Your Blogger Blog
Next articleHow To Add Google Map To Your Blogger Blog

2 COMMENTS

  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

LEAVE A REPLY

Please enter your comment!
Please enter your name here