Search Knowledge Base

Home » Blogger Widgets » How to Use Google+ and Blogger Commenting System Together?

How to Use Google+ and Blogger Commenting System Together?

Posted by Hammad Ansari
Share this
Google+ comment is usually a cool fresh and increased commenting system for bloggers, which means that you can create a unbreakable bond with your readers. This fresh commenting system not simply provides additional coverage but also brings extra engagement to any Blogger blog. This technique provides them the flexibility to share and discuss far more quickly. Even so, before any person could depart a thoughts, they need to get themselves signed up on Google plus. It could work for many users, but not everyone wishes to put barriers around their site and also content. Would you not such as freedom? Same thing applies here also. You did not want to force any visitors to starting up using program because, you happen to be endorsing them. Today in this article, we will highlight How to produce toggle Google+ and also Blogger comments in Blogger.


What are the Disadvantages of Google+ Comments?

Most notably to utilize this feature, it can be must that a person needs to have an accounts on Google plus in any other case he is not able to comment. Now don't assume all single person with this earth is employing this platform which means this probably would annoy them.

Secondly, this commenting system is determined by the Urls. Unlike Facebook Application IDENTITY, it does no merchants anything with your API. You should lose your all previous comments in case you change your URL of your respective article or think about re-branding your domain.

It does not send email notification whenever a person either leaves an comment to your site or post a whole new comment. In contrast, all comments are printed instantly with no review in order that it may become an ideal place for Spammers.

The Solution:

Step#1: The first thing you need to do is to backup your template. After logging in, from the dashboard go to Template >> Edit HTML. Now enable the HTML Editor’s built-in search box and search for the following code.  (Quick Tip: Click anywhere on the HTML editor and Press CTRL+F to enable the search box).

<b:includable id='threaded_comments' var='post'>
.
.
.
.
</b:includable>

Step#2: After finding the code mentioned above, replace it entirely and accurately with the Following code. (Remember: Make sure that the tags are properly closed otherwise you would face errors).

<b:includable id='threaded_comments' var='post'>
  <div id='com-header'>
<h6>Comment With:</h6> <img class='com-on' id='com-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuHKfflyr4LE3bbzYlSt3gOVuQVNjW09J25IA0_VEc1cNlA7AAxlV_t0SEZuMeZELQ-_NjWRkwQ9KXx1LSKEF-byxho0az-9-wPcWQFQdaAbRUorkit6ExufRF4gW7-A3VKVUiDECVwd82/s50/blogger_on.png' title='view Blogger comments'/><h6>OR</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEildmNWYKpnf84Jsd1qa2LcdzizXDQvR8JtLaXPfkuxY1o6yB-DSHKyNezZUn0KcZ6a2u89iuvHvMmdTI9PqQaN0B-PrAQi1AYmo9uM5_OXAP0QAdb8CtvF9lIduQB1HrwDLI3ViphGo8HA/s50/plus_off.png' title='view Google+ comments'/><h6>The Choice is Yours!</h6> 
<div id='copyrigtsbwp'><a href='http://www.bloggerwp.com/2013/08/blogger-googleplus-comment-together.html' id="bwprights">Get This Widget</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>
    </div>
    </div>
  </div>
  <div id='gcontainer'><div id='gcomments'/></div>
<script src='http://apis.google.com/js/plusone.js'/>
<script src='https://googledrive.com/host/0B2ww3WS8P1MJSEN6MmRhdTdJT2s'/>
<style>
#gcontainer {
display:none;
  }
#com-norm,#com-gplus {
cursor:pointer;
padding:0 5px;
float:left
  } 
#com-header { 
border: 1px solid #d2d2d2;
padding: 10px;
float: left;
width: 580px;
margin-bottom: 20px;
background: #f5f5f5;
  }
#com-header h6{ 
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
float: left;
padding-top: 15px;
margin: 0px;
margin-right: 7px;
margin-left: 7px;
  }
#copyrigtsmbl {
float: right;
margin-top: 20px;
border-top: 1px solid #d2d2d2;
margin-right: -10px;
padding-right: 10px;
padding-top: 5px;
padding-left: 10px;
border-left: 1px solid #d2d2d2;
padding-bottom: 5px;
margin-bottom: -10px;
font-size:11px;
background: #fff;
  }
#copyrigtsbwp a {
text-decoration:none;
color:111!important; 
  }
</style>
</div>
</b:includable>

Step#3: Now once again with the help of search box look for the following code.
<b:includable id='comment_picker' var='post'>
.
.
.
.
</b:includable>

Step#4: After finding the code as prescribed above, replace it completely and properly with the Following code. (Remember: Try to close the tags properly, so the template does not catch any errors).
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='threaded_comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>

Step#5: After applying the instructions as mentioned above press the “Save Template” button located at the top of your screen. 

Congratulations: You have successfully added Google+ commenting system to blogger without removing the previous blogger commenting system.

Conclusion:

Through Enabling both commenting systems, you are certainly not forcing users instead you are giving these people the freedom to choose the most preferable system. It does bring a great deal of benefits in order to both you as well as your readers. Inform us what you think about this fresh tweak? Always come to this page if you come across any difficulties!


Copyrights: 


We have added a Credit-back attribution in this widget. However, when you have good reason to eliminate the credit rating then you need to purchase your premium version of this widget. Just provide us an email and we would work with you through accomplishing this.


IMPORTANT:
To create Google plus and blogger comments show up together it is vital that a post need to have at the very least 1 comment. Those posts that have 0 comment would always display your current default commenting system. Remember: (There is no need to Enable Google+ comments from blogger settings. For those who have already  enable it have to disable it when you apply that tutorial).
Share this tutorial with your friends and write your views in comments till then Peace, Blessings and Happy Commenting.

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )

Contact Us

Name

Email *

Message *

Follow us