Wednesday, February 24, 2016

How To Add Together Facebook Comment Box Inwards Blogger Template

 exercise install Facebook Comment Box In Blogger Template How To Add Facebook Comment Box In Blogger Template
Hello guys,Today nosotros are going to explicate how to install facebook comment box inwards blogger template.With the assistance of fb comments box plugin people tin hand notice portion their views regarding the posts or article inwards your website or weblog as well as they tin hand notice also portion them on facebook wall.It's a best agency to portion your comments on facebook wall posts.Facebook comments box suits all form of weblog niche.If nosotros run into the benefits of comment box is entirely nosotros tin hand notice portion them on facebook page as well as also people tin hand notice comment from their profile into your inbox as well as maintain connected to your blog.But inwards the thought of google indexing as well as robots crawling google don't crawl facebook comments equally compare to blogger default comments box.Blogger comments are maintain indexing past times google search engine but facebook comments are but for the hold off it's never hold upward crawled past times whatever search engine over the internet.If person comment on your facebook comments box admin volition larn notification equally good all people engaged alongside the comments they volition also larn notify.In this illustration you lot volition growth the thought of your website which volition helps your website to growth alexa rate too.
However at i time days lot's of template coming alongside iii or 4 comments box similar blogger ,disqus,facebook etc..in previous postal service nosotros convey already portion how to install disqus comments charge on click version for blogger template.later on nosotros volition portion for facebook as well as blogger too,for that rest tuned..So to pick out grip of facebook comments box play tricks follow the steps mentioned below.

How to install facebook comments box inwards blogger template

Installation Steps:
Step 1. Log inwards to your Blogger concern human relationship as well as Go to your Blogger Dashboard.
Step 2. Now Click on -> Template (FirstTake backup) Then expire on to -> Edit HTML.
Step 3. Now Search for opening <head> tag past times Pressing Ctrl+F keys as well as re-create the below code snippet as well as glue but below <head> tag.
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/></b:if></b:if></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<meta content=’App_id‘ property=’fb:app_id’/>
<meta content=’https://www.facebook.com/bloggersstand‘ property=’fb:admins’/>
<meta content=’article’ property=’og:type’/>

If the higher upward code already available inwards your template thence you lot tin hand notice skip stride 3.
Customization:
  • Replace App_id as well as bloggersstand with your app id as well as username.
  • If you lot convey already created app id thence you lot tin hand notice utilisation it..if non thence see this url https://developers.facebook.com/apps/?action=create and exercise your app.after that you lot tin hand notice utilisation your app id.
Step 4. Now search for opening <body> tag as well as re-create the below coffee script as well as glue but after/below the <body> tag.

<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'App_id',
condition : true, // banking concern check login status
cookie : true, // enable cookies
xfbml : truthful // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>
Customization:
  • Replace App_id alongside your facebook app id.
Step 5. Now search for the next code <div class='post-footer-line post-footer-line-1'> and re-create the below code as well as glue after <div class='post-footer-line post-footer-line-1'>.

<b:if cond='data:post.isFirstPost'>
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;background:white;border:1px enterprise silver;'><fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/></div>
</b:if>
  <div class='clear'/>
Step 6. Now Save Your Template..Done ! 

No comments:

Post a Comment