add Google+ button to blogger blog

Google+(plus) Button: 
Google recently released their +button for websites/blogs. Google+ button allows you to like and recommend a web page. It is one of the very useful button like Facebook share button for websites/blogs. In this post we are going to discuss about how to add Google +1 button to your Blogger blog .

Need of Google +1 button : 

  • After adding Google plus button to your blog, +1 button will appear on your blog. That +1 button helps your blog visitors to share your blog content with the Google plus community.
  • Shared number will also appear in Google search results.
  • Through this your blog traffic will increase.

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


Like Facebook like Button, Google has a +1 button. Blogger providing Google +1 button widget. Now we can easily add Google+1 button to Blogger blog with Blogger +1 button widget/gadget. Actually two ways are there to add Google +1 button to your Blogger, first way is using Blogger +1 button widget and second way is adding Google +1 button script code to your Blogger.

Using +1 widget on Blogger is the best way to add +1 button to your Blogger easily. You can also add +1 button below blog posts in Blogger. But you can't add +1 button below posts with Google +1 widget. In the next post I will show you how to add +1 button below every posts in Blogger blog. To share your blog content, you should add Google  +1 button to Blogger blog.

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.

Like this you can and +1 button to your Blogger blog. You can move this button to footer by simply drag that widget and drop on footer section. Like this you can move the Google +1 button to any widget area on your Blogger blog. You can also customize +1 button after adding to your Blogger.

We can also add Google +1 button to your Blogger by adding custom +1 button script code to your blog. You can also add Google +1 button below your Blogger blog posts with this method.

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.

No comments:

Post a Comment