Show/Hide Blogger and Google+ Comments System With Toggle

Many blogger site owners have reacted very negatively to the new Google+ commenting system, as it requires all commenters to create their own Google+ account before posting comments. Blogger's Google+ comment system is convenient for writers, but many users don't want to use Google+, so it discourages them from continuing to comment on blogs. For people who use Google+ to comment, Blogger will never email or notify you when someone has left a comment. You can go days or weeks without realizing that you never respond to readers.

Besides annoying your audience, Blogger's Google+ comment system depends on your blog post URL. By changing your URLs or moving blog posts, you risk losing all your comments posted with Google+.

Previously, the only solution to this problem was to disable the commenting system in your account, preventing them from using their Google+ account. Now there's a new, easy way to get the best of both worlds. By giving Google+ fans and regular blog readers access to all the same features, you can engage all visitors equally. You can still connect with other Google+ users outside of your site and respond to comments using the Google+ commenting system on Blogger.

DEMO

How to Integrate Blogger and Google Plus Comments

To make the installation as easy as possible, I use the built-in jQuery and CSS, but you can modify this code later. Also the most accessible place I found to add right away . So, let's start adding:

Step 1 Log in to your Blogger account and select your blog > Go to the Templates section and click the Edit HTML button on the right.

Step 2 Click anywhere in the code area and press CTRL + F to open the Find Editor window and search for the following code.

Step 3. Immediately after Add the following code

Show comments: Or

data-width='550' expr:data-href='data:post.url'/>

Note: The width of the data to set the width of the comment window, so that the number displayed there (550) can be changed according to the design of your blog.

Step 4: Click the Save Template button at the top of the editor and review your blog to make sure you've successfully added the Google+ commenting system to Blogger.

Note that you need to make sure you are using the version of jQuery on your site for this to work. If not, add this line above. Markup with the HTML template editor: