Skip to main content

How to Add Facebook Comment Box To Blogger

How to Add Facebook Comment Box To Blogger

How to Add Facebook Comment Box In Blogger Theme Latest Method 2015-16: In this Article you learn how to add Facebook comment box in blogger and get huge traffic from Facebook using Facebook comments box. This Add comment box latest trick.

Facebook Plugin Overview

Facebook released huge collections of plugin's for blog owners. so Everyone can add Facebook comments on their website or blog, Facebook is the one of the viral social network of Earth so you can get huge traffic from Facebook. you can Engaged many users from Facebook through adding Facebook commenting System in your Blog. Also you can add other's social network comments like google plus.
You can get real traffic from all over the world using Facebook comments. just you need to few tricks to add Facebook comments in your blogger site.

Method Of Adding Facebook Comment Box In Blogger Theme

Step # 1: Create Application
In this step i'll tell you How you can create Application on Facebook.


  • And Select Add new App after click on Add new app appear a new popup window Add a New App.
select the app
  • Select the your app nature. Android for Android People , IOS for IOS Developer and Facebook Canvas for Facebook Games and Apps, we want to add Facebook Comments on blogger so we Select WWW Website for blogger.
  • Next Thing is come now you need to add name of your App name.

twotricks facebook app

  • After writing your app name you need to click on Create New App ID.

facebook comment app
  • Click on Create App ID for creating an App and chose category from drop down.

  • Enter your website/ or blog link and click on next.


  • Now that you've got the SDK setup, you can use it to perform a few common tasks. Social Plugins such as the Like Button and Comments Plugin can be inserted into HTML pages using the JavaScript SDK.
  • You can Get comment Plugin code from this link . you can get your Desired comment plugin from this link Comments Plugin. also you can edit width, you can change color of your comments plugin.

facebook comments
<div id="fb-root"></div>
<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&version=v2.4&appId=1651048058482938";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Place This code where you want to show your facebook comment Box
<div class="fb-comments" data-href="http://twotricks.blogspot.com" data-numposts="5"></div> 
http://twotricks.blogspot.com you can replace URL with your blog url.

Now Learn How to Install Facebook Comments in Blogger

First you need to find <html 
Add xmlns:og='http://ogp.me/ns#' after <html
<html xmlns:og='http://ogp.me/ns#' ...... xmlns:expr='http://www.google.com/2005/gml/expr'>
Now find the <body> tag and paste the given code just after that <body>
<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : &#39;AppId&#39;,
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };
    (function() {
    var e = document.createElement(&#39;script&#39;);
      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
</script>
Replace Facebook page url with your url, replace AppID with your AppID, Repalce Twotricks with your blog title.
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='AppId ' property='fb:app_id'/>
<meta content='twotricks' property='og:site_name'/>
<meta content='http://www.facebook.com/twotricks' property='fb:admins'/>
<meta content='article' property='og:type'/> 
Comment box in blogger blog.
At last you should put comment box structure in the blog.
Go and just find this code <div class='post-footer-line post-footer-line-1'> and paste the following code just below the above code
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:10px 0px 5px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments  colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='620'/></div>
<div><a href='http://techydesk.blogspot.com' style='color:black; font-size:12px; font-style:italic;' target='new'>TechyDesk</a> </div>
</div>
</b:if> 

How to Add Facebook Comment Box In Blogger Theme Latest Method 2015-16 Video Tutorial 

Comming Soon....

Conclusion

This post is all about how you can add Facebook comments box in blogger and how you can get huge traffic from Facebook using comment box.

Comments

  1. This article is very effective especially for me. I was searching about it. Now my problem is solved. Thanks for sharing your valuable experience.

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Get rid from a Facebook Virus 2015

How to Get rid from a Facebook Virus 2015: In this Article we tell you how to get rid from your Facebook virus. We tell you about Facebook virus in more details Actually when you see nude or porn posts you click on that posts this is the virus of Facebook when you click on the picture the virus is installed in your account when you login from your Desktop Computer or laptops and even mobiles this virus is automatically share with your friends or when you logout from your device that virus is automatically post on your wall and automatically tag with your all friends. Basically There are two type of viruses on Facebook. First one is automatically install on your browser cookies and when you login your profile it automatically share with all of you friends.Second one is when your click on nude pictures its automatically save on your apps. basically its an app which is share a specific kind sexual link. when you login your profile it automatically share with your friends. How to get rid f…

How To Add Breadcrumbs to Blogger

How To Add Breadcrumbs to Blogger: Breadcrumb is the navigation trail which tells about location on our site or blog to visitors. It tells readers, where (on which page) they actually are on our blog. it help to clear the structure of website to user also user can understand now where is he/she.
Breadcrumb navigation is used to create a user friendly website. Using it, readers can easily navigate to your blog by just clicking a link or few. Like in the below image, if you are on Step 3 (like: Social Media > Google Plus > Traffic) then you can easily come back to Social Media category by simply clicking on Step 1 shown on the breadcrumbs.
It also helps to increase your site’s ranking in search engines by adding keywords into your blog posts.
Adding Breadcrumb Navigation in BloggerNote: You must backup your blog template first before adding breadcrumb navigation in your blog.

Now follow below steps to Add Breadcrumb in blogger:
Go to Blogger Dashboard > Template > Edit HTMLNo…

How to Stop Auto-play Videos on Facebook

How to Stop Auto-play Videos on Facebook: In these days Facebook play their video automatically on. and it irritate which consume your internet bandwidth. if you don't want to load a video they automatically play on your screen and it take to much bandwidth. So In this Article i'll tell you how you can Stop Auto-playing Video on your timeline. Advantages of Auto-Play: When you are free and don't have any work to do then you can start browsing on Facebook. the first benefit of Auto-play is you don't need to click on play button video will playing automatically. This is the smart features of Facebook to improve the user friendly Environment for Visitors. You can watch huge collection of Videos without click on the play button and pass your time easily. Disadvantage of Auto-Play: One the The Biggest Disadvantage of Facebook Auto-Play videos consume their bandwidth if you internet package is limited then its not for you. So you can use the below tutorial to Off or Disable…