Add Google+ Button to Blogger Blog

Google+(plus) Button: 
Google recently released their +1 button for websites and blogs. The Google+ button allows users to like and recommend a webpage, similar to the Facebook share button. In this post, we will discuss how to add the Google +1 button to your Blogger blog.

Need of Google +1 button : 

• After adding the Google Plus button to your blog, the +1 button will appear on your blog. This +1 button allows your blog visitors to share your blog content with the Google Plus community..

• The number of shares will also appear in Google search results.

• Your blog traffic will increase.

How to add Google +1 button to your Blogger blog :

Just like the Facebook like button, Google has a +1 button that can be added to your Blogger blog using the Blogger +1 button widget/gadget. There are two ways to add the +1 button to your blog: using the widget or adding the Google +1 button script code to your Blogger.

The easiest way to add the +1 button is by using the +1 widget on Blogger. You can also add the +1 button below blog posts in Blogger, but not with the Google +1 widget. In the next post, I will show you how to add the +1 button below every post in a Blogger blog. Adding the Google +1 button to your blog is essential for sharing your blog content.

Follow below steps to add Google +1 button to your Blogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget

Step 4 : Look for +button widget and add +1 button by click on + button corresponding to it

Step 5 : Next choose Size, Annotation and then click on save.

To add the +1 button to your Blogger blog, you can use the Blogger +1 button widget. It is easy to use and can be moved to the footer by dragging and dropping the widget. You can customize the button after adding it to your blog. Another way to add the Google +1 button is by adding a custom +1 button script code to your Blogger blog, which also allows you to add the button below your blog posts.

How to add Google +1 button below your Blogger posts:

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template and click on Edit HTML.

Step 3 : Now search for </head>

Add below code just above </head>
<script src="https://apis.google.com/js/platform.js" async defer></script>

Note : If the code is already available on your Blogger template, then no need to add again.

Step 4 : Search for <data:post.body/>

Add below code just below <<data:post.body/>
<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="300"></div>

Step 5 : Click on Save Template.

Now open your blog and check.