Header Ads

  • Breaking News

    How to Add New Responsive Facebook Comment Box to Blogger




     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. It is method which is applied to some new themeforest developing themes. So follow these simple tutorial to add this on your site.


    How to Add  
    • First login your blogger site Then go to Template → 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&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







    No comments

    Post Top Ad

    Post Bottom Ad