Saturday, 22 September 2012

How to add google plus likes badge to blogger page


The google plus badge lets users add their Google+ page to their circles without leaving your blog, similar to Facebook’s Like Box. Google+ badge will promote your blog on Google+ (social network) and also it will help your blog ranking higher in Google search results as well.

The following tutorial explains how to add google plus like box to blogger
  1. Go to Blogger Dashboard -> Layout . 
  2. Click Add A Gadget and select HTML/Javascript gadget. 
  3. Copy the following code and paste it inside the content box.

<script type="text/javascript">

  (function() {

    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

    po.src = '';

    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);



<!-- Link blog to Google+ page -->

<a style='display: block; height: 0;' href="" rel="publisher">&nbsp;</a>

<!-- Google +1 Page badge -->

<g:plus href="" height="131" width="290" theme="light"></g:plus>

Replace the highlighted part of the code with the URL of your Google+ page.

  • It gives users more personal recommendations around the web, by connecting +1’s for your blog with +1’s on your Google+ page.
  • It may qualify your page for Google+ Direct Connect, which helps users find your Google+ page and lets them add it to their circles directly from within Google Search.