How to Add Facebook Comment Box to Blogger (Responsive)

How to Add Facebook Comment Box to Blogger (Responsive) -, Mobile applications hаvе changed thе business scenario forever. Connecting tо company resources аnd conducting business hаѕ nеvеr bееn ѕо easy before. Rapidly expanding business rely оn thе efficiency оf а mobile app strategy tо provide thеm wіth flexible аnd scalable features іn order tо grow. Overall, gоіng mobile іѕ nо longer аbоut simply developing а mobile app. Businesses nееd tо develop аn entire mobile app strategy аnd implement іt tо improve thеіr sales аnd conversions. This Time we Talk About How to Add Facebook Comment Box to Blogger (Responsive)Mobile Driver are becoming an integral part of aproblem strategy. These Flash need to have all the features and functionality that your phone for sustained growth and success.
How to Add Facebook Comment Box to Blogger (Responsive)

Recently some of my themeforest buyers requested me to give a solution how they can add a Facebook comment box in their blogger site. So i have decided to write a post in my site about this regarding issue. In 2009 Facebook developer released their best social plugin called "Facebook Comment Box". This comment box helps your readers to comment on your site using their Facebook,Yahoo,AOL or Hotmail  profile. I will share my own method which i apply to my own blogger templatesSo follow my simple tutorial to add this on your site.  

LIVE DEMO

How to Add  
  • First login your blogger site>Then go to Theme>Click on Edit HTML>Click on CTRL+F from keyboard.
  • Then search following code.
<body>
or 
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  • After finding any of one on these code, just paste following code after it
<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_GB/sdk.js#xfbml=1&amp;version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
  • Then again search following code
<b:includable id='comment-form' var='post'>
  • Just after it paste the below code
<div class="fb-comments" expr:data-href="data:post.url" 
data-width="100%" data-numposts="5" data-colorscheme="light"/>
  • You can change number of value 5 as your wish
  • You can change light color scheme with dark

After done everything, save your template and you are done. If you face any problem, tell me by comment. I will try to solve your problem with my best consideration. Thanks you to read this tutorial.

Solved Method 2: If above code not working after paste <b:includable id='comment-form' var='post'> then search <b:includable id='threaded_comments' var='post'> and paste above code after it. 
Previous
Next Post »
0 Komentar

Gadget