Add Google+ Badge to Blogger

Blogger has released a new gadget that is useful in promoting your blog. The Google+ Badge lets you connect your site to either your Google+ page or your personal Google+ profile. By integrating this badge to your site, you can connect with your friends, readers, and followers.
Google+ pages and Google+ profiles are different so there are two different versions of the badge. For Google+ pages, badges that link to it help +1’s from your site and your page that makes your site eligible for Google+ Direct connect. Google+ profiles meanwhile let people to find you easily on Google+ and can add you directly from your site.
Here’s the code for Google+ Badge for Profiles:
Profile Badge Tag

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
 <g:plus href="https://plus.google.com/{profileId}" rel="author"></g:plus>

Reminder: If you have +1 button on your site already, no need to add plusone.js. Just add g:plus tag.

You can also use HTML5 valid badge tag. Below is the code:

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

<div data-href="https://plus.google.com/{profileId}" rel="author"></div>

For Google+ Badge Pages:
Page Badge Tag

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

<g:plus href="https://plus.google.com/{pageId}"></g:plus>

Reminder: Like the profile badge tag, if you have +1 button on your site, no need to add plusone.js. Just add g:plus tag.

Below is its HTML5 valid badge tag

<div data-href="https://plus.google.com/{pageId}"></div>

To know more about this cool badge, CLICK HERE.