Users can easily comment on your every single post while reading your post or using the Google+ account. Today Im going to show you how to attach/add Google+ and blogger comments only on blogger platform. It means when any webmaster create a post, he/she shares this post on Google+, So your post also available in Blogger and Google plus. Users/Viewers can comments on your post even on your Google plus share post. As you know Google plus is Google property and its very powerful for SEO. If any visitors comes to your post from google plus, Google consider that visitors as a organic visitors.
Recommended: How to Make Money on YouTube
By this way you can increase blog Traffic, Google plus followers and Google plus circle. You can take advantage of the google plus comment system on blogger. You can reply easily of google plus commentator as well as blogger on one platform.
Recommended: How to Make Money on YouTube
How to Integrate Google Plus and Blogger Comments:
To add this installation as simple as possible, We used inline JQuery and CSS, but anybody can change it later. So lets start to adding it.
Step 1. Go to your Blogger Dashboard, Open specific Blog, > then select "Template" and click on "Edit HTML"
Step 2. Clock anywhere on the code and press Ctrl + F to open the search box, Now Find the code below
<b:include data=post name=post/>
Step 3. Copy the given below code and paste just <b:include data=post name=post/> after it
<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/AVvXsEggGTda4_fdTkRUNk2SCmMjLKgPD80kamRGjSnKOkkt7Q2o_FoWtjYf8vR0o4oP_6-awgVwA9eYZxlfMBhdirR6C99YRXNdAnt59N7Qm2CK1QaQ-kFSZ0_8qHqX78tz4FQcpc53M0OXoto_/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: "Arial Narrow",Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style><div class=comments-icons>Show Comments: <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/AVvXsEjk_pt52Bsor1MUMMM5ozV0Dd3lk_m1Nkk9ERGrcXPLKwAOgK8DT1WYWdEI4dXx57T1lgH-H2-MiEIn0J1xiqCzGUnisy8uIGUQ7i9Jz4_Insdx920Q7S3aFCZNKdZkSVVg_TSYoF8kC7vd/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/AVvXsEgdU2M1XbgnRngcbDN_X6KZmwwTyVe7G6e29FnPkXJ2t9gJOi3gyFk7UTQhExqtDY1WDFu3Lg3F9H9ph2yc27gq6Ii0fmt2_xAdrLHeJMmNtgVjve_P9D8UDLpS9_4BP2vkVix_cTIESnPq/s1600/blogger-logo.png width=35/></a></div><div id=gplus-comments-visibility><div class=g-comments data-first_party_property=BLOGGER data-view_type=FILTERED_POSTMOD data-width=550expr:data-href=data:post.url/></div> </b:if>
Step 4. The code data-width=550 indicate that you can change easily by increasing/decreasing 550 according to your blog size.
Step 5. Now Save your Template, and check your blog to see if you have successfully added this code to blogger
Note: If this code is not working for you it means you must have to put JQuery script in <head> </head> section
Add JQuery script:
Paste the given below code before the </head> tag
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js type=text/javascript/>
You have Done. Your reader will enjoy the flexibility that your site provides and you will also get benefit from the inclusive services offered by Google.
Share this post of this site with your friends on social media sites. If you have any Question and any problem feel free to contact me in comment section.
