Pages

Tuesday, January 31, 2012

Add Google Plus One (+ 1) Button

Google plus one button is getting popular. With this button Viewers may recommend your blog or page to Google. With this recommendations Google may provide better search engine rank. That's why it is better to put a button with these simple steps.
1. At first Login to Gmail account with your username and password. Then click this link: Webmasters Plus One Button. Copy the code as shown below:


2. Find out the following code in your template editor.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
3. Paste the following code (or the code you have copied earlier) just before the  above line.

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>

<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
4. Save the template and you are done.