Add Google+ Badge Gadget To Blogger

Google+ Badges : Google+ providing many useful features like Google+ comments and badges for blogs. Google+ providing badges to promote blogs. Google+ providing mainly three different types of badges, like Profiles, Pages and Communities. Adding Google+ badges is one of the best way to increase your blog traffic by making it easy for your blog visitors to follow you on Google+. In this post we are going to discuss about adding Google+ badges to your Blogger blogs.

How to Add Google+ Badge Gadget To Blogger Blog:

Two methods are there to add Google+ badges to your Blogger blog. One method is simply going to developers.google.com/+/web/badge, and get badge code and then add badge code to your Blogger blog. Second method is go to Blogger dashboard and add Google+ badge gadget to your Blogger. In this posts I'm going to show you how to add Google+ badges to your Blogger using Google+ badge widgets on your Blogger blog. Later I will show you, how to add Google+ badges to your Blogger using other method.

Google+ Badge shows add to circles button on your blog after adding Google+ Badge to your Blogger blog. You can also customize Google+ badges as you like. Before adding Google+ Badge to your Blogger blog, first you have to upgrade from Blogger profile to Google plus profile.

Follow below steps to add Google+ badge gadget to your Blogger blog :

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget

Step 4 : Add Google+ Badge widget by click on + button next to Google+ Badge widget.

Customize title, theme color and give Google+ profile ID or page ID if not selected.

Step 5 : Click on Save button to save changes.

Now you successfully added Google+ badge to your Blogger blog. Now open your Blogger blog and check the Google+ badge on your blog. If the Google+ badge not appearing on your Blogger, even after adding Google+ Badge widget to your Blogger, then you have to add small script code to your Blogger template.

The script code required to render Google+ badge:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

How to add script code to your Blogger template to render Google+ badge :

  • Go to Blogger Dashboard
  • Click on Template and click on Edit HTML
  • Add above script code before <head> tag in your template.
  • Click on Save template.

Now again check Google+ badge on your Blogger blog, whether it appearing or not. Generally this problem will come if you are using old Blogger templates.

No comments:

Post a Comment