Add Google +1 Button to Your Website

Google released its +1 sharing formula to public, now it is competing with Facebook share button. There are plenty of websites already start adding this new Google +1 to their websites. Here is the way you can also add this beautiful +1 button to your website. Now it is publicly available at Google Webmasters. If you want to add this button manually use below codes…

Insert the below codes in your website….

google +1 share buttonSmall +1 Button Code : small +1 button image

<!– Place this tag in your head or just before your close body tag –>
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>

<!– Place this tag where you want the +1 button to render –>
<g:plusone size=”small”></g:plusone>

Medium +1 Button code : medium +1 button

<!– Place this tag in your head or just before your close body tag –>
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>

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

Standard +1 Button Code : standard +1 button

<!– Place this tag in your head or just before your close body tag –>
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>

<!– Place this tag where you want the +1 button to render –>
<g:plusone></g:plusone>

Tall +1 Button Code : tall +1 button

<!– Place this tag in your head or just before your close body tag –>
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>

<!– Place this tag where you want the +1 button to render –>
<g:plusone size=”tall”></g:plusone>

The above codes are standard ones if you want more advanced options then you have to visit the Create Custom Google +1 Button page.

Please do drop your comments about this new +1 button, in the comments section below.

About Arafath Hashmi

Arafath Hashmi is a Blogger from 2007 and he wrote 700 and above articles for solvater.com, He is a Senior SEO Analyst.

Comments

  1. יהודים משיחיים says:

    this is awesome thanks!

  2. I tried adding the +1 to my tumblr and i think i might be doing it wrong – it seems I’m following the directions to a T. Any reported issued with tumblr blogs?

  3. I try to add it to my site, but when I check error by W# Validation, it shows error.
    Please tell me why?

  4. Can we customize the height of the button?

  5. hi, I tried the medium size code and nothing shows up. Any suggestions?

Speak Your Mind

*

css.php