The one and only way of solving this problem is adding of the both the commenting system: Blogger Default Commenting System and Google Plus Commenting System on your blog which can be a good for your blogger because if a visitor want to comment using google+ commenting, he/she can and if he/she want to comment using blogger default comment box then he/ she also can use them.
So your visitor will get 2 option either Blogger Default comment Box or Google+ comment box
How to Add Blogger And Google Plus Comment System in Blogger Blog With Toggle?
Here is the Step wise process to add this system on your blogger. Lets go through step by step.
Step 1: First of all login in your blogger account and the just go to the template option just press edit html and find the following code
<b:include data='post' name='post'/>Step 02: Now copy the given code and paste it just after the above code.
b:if cond='data:blog.pageType == "item"'>
<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJbPG16XFQ5c0GpBN7fR9hU4te4cEN4_vdvV47mj9SVTY6RUijH-VxKwRF2QnX13A1t6soaBTTX2ckqctgbQc7AwbrAFsWUUTojR8rJyeR2Eu2ip4kD82VQrw15j0U3RqiQJa_alWbD8w/s1600/gp.png) no-repeat; font-size: 20px; font-family: "Arial Narrow",Arial,sans-serif; color: #555; font-weight: bold; padding: 10px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>
<div class='comments-icons'>
Choose a Comment System: <a class='show-hide-comments' href='javascript:void();' onclick='$("#gplus-comments-visibility").slideToggle();$("#comments").hide();'><img class='gplus-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_89UMo40KV99PDn-WEVpnZqS3uWbhYIa55re9Pj4R9Ujl88beWv7eDnlmxbl8BtI1xq8iJ0__ob8Memlnmh51Ln1FN272pZIoahU9n8rUF4UMbp4KCOn6MW0Q4DpeFcfhOZ3u6R9_LZYI/s1600/google-plus-logo.png' width='35'/></a> OR <a class='show-hide-comments' href='javascript:void();' onclick='$("#comments").slideToggle();$("#gplus-comments-visibility").hide();'><img class='blogger-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2GzJqlTxtm53PhM_nofAos8ZaDkWrNvQ6uY7f6k2SMPzQYVnQfBnohWgwqPUrSfoHOcCPmynsfOzPO-10IByq9GtIAZUlTNbo8-vGIEd_RNIevgZtEU8E_T2N90ezZaZj6aUz5xN8-ZeH/s1600/blogger-logo.png' width='36'/></a>
</div>
<div id='gplus-comments-visibility'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='630' expr:data-href='data:post.url'/>
</div>
</b:if>
Step 03: Now save your template
Note: You have to add the following google api if it does not exist already on your template. And you can change the width of the comment box just changing the value of the data-width attribute.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
Post a Comment