How to use Blogger and Google+ Comments Together on Blogger Blogs

When Google Introduced the Google+ comment system in blogger, I really loved it so I activated it on my blog. I didn't know that when I activated it, I deactivated the blogger comment system. So i had to do alot of research to be able to know how to use both comment system at the same time on blogger hence i decided to share this post to help those who will need it.

Why Do I need both Comment Systems

This was the question i asked myself at first after I disabled the Google+ comment system and went black to the normal comment system. But i find out that using both comment system, allows visitors on your blog to comment easily unlike when you are using just the Google+ comment system and only people on google+ and people in your circle can comment. Allowing both comment system can help improve your page rank as well as make your blog SEO friendly.

How to Enable both Comment Systems

This Hack was Originally Developed by David Kutcher

Log In to Blogger  and Back Up your Template before performing this Hack

Click on Template >> Click on Edit HTML just beside the Customize button

Click on Format Template in order to Expand Widgets and then search for the code below :

Replace the Above Code with the following code below :

After adding the above code, search again for the following code :

And Them with the following codes below :

   <b:includable id='threaded_comments' var='post'>
<div id='com-header'>
    <img class='com-on' id='com-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTTvXI8nsYQP8jRBbIgsu0cVBwSms-GUY_n6oQWsf0sMD6SMB6WaY7ndxVgSXC3KvaRRPMKEcdqA34graXc5FlgmB5BtQqxcHwZ0jVzCTe3B7raQ2si1ZleehFT43Yqf4NzRSbbBOZAzt/s50/blogger_on.png' title='view Blogger comments'/><h6>&#8592; Blogger OR Google+ &#8594;</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHvVgN7qU29iDjckXhgGn0BUwVkARy0Efr4Lf6aE1HcpEwiOfGdi8uQvRFqC3nWWoy2pIqikFfdX46_6UCvLMTXUUIQjmlImeWHtP-or5EmwbwNOt1JJn-gIRvXYl_8IWXhlrrGWk9b88L/s50/plus_off.png' title='view Google+ comments'/><div id='copyrigtsbgcomment'><a href='http://www.bloggeryard.com/2013/06/use-blogger-and-googleplus-comments-together.html' >+Get This</a></div>
   </div>
<div id='comment-zone'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>
    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>                                                                 www.lordbnf.com
    </div>
    </div>
  </div>
  <div id='gcontainer'><div id='gcomments'/></div>
<script src='http://apis.google.com/js/plusone.js'/>
<script src='http://bloggeryard.com/PersonalStuff/bgcomment.js'/>
<link href='http://bloggeryard.com/StyleSheet/bgcomment.css' rel='stylesheet' type='text/css' />
</div>
</b:includable>

After doing this, You are good to go. I hope this post helps. If you encounter any problem please use the comment box.

When Google Introduced the Google+ comment system in blogger, I really loved it so I activated it on my blog. I didn't know that when I activated it, I deactivated the blogger comment system. So i had to do alot of research to be able to know how to use both comment system at the same time on blogger hence i decided to share this post to help those who will need it.

Why Do I need both Comment Systems

This was the question i asked myself at first after I disabled the Google+ comment system and went black to the normal comment system. But i find out that using both comment system, allows visitors on your blog to comment easily unlike when you are using just the Google+ comment system and only people on google+ and people in your circle can comment. Allowing both comment system can help improve your page rank as well as make your blog SEO friendly.

How to Enable both Comment Systems

This Hack was Originally Developed by David Kutcher

Log In to Blogger  and Back Up your Template before performing this Hack

Click on Template >> Click on Edit HTML just beside the Customize button

Click on Format Template in order to Expand Widgets and then search for the code below :

Replace the Above Code with the following code below :

After adding the above code, search again for the following code :

And Them with the following codes below :

   <b:includable id='threaded_comments' var='post'>
<div id='com-header'>
    <img class='com-on' id='com-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTTvXI8nsYQP8jRBbIgsu0cVBwSms-GUY_n6oQWsf0sMD6SMB6WaY7ndxVgSXC3KvaRRPMKEcdqA34graXc5FlgmB5BtQqxcHwZ0jVzCTe3B7raQ2si1ZleehFT43Yqf4NzRSbbBOZAzt/s50/blogger_on.png' title='view Blogger comments'/><h6>&#8592; Blogger OR Google+ &#8594;</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHvVgN7qU29iDjckXhgGn0BUwVkARy0Efr4Lf6aE1HcpEwiOfGdi8uQvRFqC3nWWoy2pIqikFfdX46_6UCvLMTXUUIQjmlImeWHtP-or5EmwbwNOt1JJn-gIRvXYl_8IWXhlrrGWk9b88L/s50/plus_off.png' title='view Google+ comments'/><div id='copyrigtsbgcomment'><a href='http://www.bloggeryard.com/2013/06/use-blogger-and-googleplus-comments-together.html' >+Get This</a></div>
   </div>
<div id='comment-zone'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>
    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>                                                                 www.lordbnf.com
    </div>
    </div>
  </div>
  <div id='gcontainer'><div id='gcomments'/></div>
<script src='http://apis.google.com/js/plusone.js'/>
<script src='http://bloggeryard.com/PersonalStuff/bgcomment.js'/>
<link href='http://bloggeryard.com/StyleSheet/bgcomment.css' rel='stylesheet' type='text/css' />
</div>
</b:includable>

After doing this, You are good to go. I hope this post helps. If you encounter any problem please use the comment box.