0 Add Google +1 button to your site

Now finally the wait is over, Google +1 is out with its button code for all users.


More about  Google +1 is yet another attempt to make Google more social. It's Google's version of the Facebook "likes", a simple feature that's very powerful because it's part of a social network.

Google will show +1 buttons next to all search results and ads, while encouraging other sites to include the buttons. All +1's are public and they're tied to Google Profiles. The goal is to use this data to personalize search results and ads by recommending sites +1'd by your friends. Google Social Search already does this, but there's no support for Facebook likes, so Google had to come up with a substitute.

"+1 is the digital shorthand for 'this is pretty cool.' To recommend something, all you have to do is click +1 on a webpage or ad you find useful

1) Button size small pixel code (15 px) with include count feature in it.


                    ( Preview small button size snapshot below ) 

<!-- Place this tag in your head or just before your close body tag -->




<br></span> <font class="Apple-style-span" color="#ff00ff"><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></font> </b></span></font></font></p><p><font class="Apple-style-span"><font class="Apple-style-span" face="monospace"><span class="Apple-style-span" style="white-space: pre-wrap; "><b><br></b></span></font></font></p><p><font class="Apple-style-span"><font class="Apple-style-span" face="monospace"><span class="Apple-style-span" style="white-space: pre-wrap; ">

2) Button medium size pixel code (20px) with include count feature in it

                 ( Preview  Medium  button size snapshot below ) 

<!-- Place this tag in your head or just before your close body tag -->


<br></span> </font></font></b></b></b></p><p><b><b><b><font class="Apple-style-span" color="#ff00ff"><font class="Apple-style-span" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif" style="font-size: 14px; line-height: 20px;"><span class="Apple-style-span" style="color: rgb(153, 153, 153); font-family: Georgia, Times, serif; font-size: 13px; font-weight: normal; "><br></span></font></font></b></b></b></p></div><div><p><b><b><font class="Apple-style-span" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><b></b></font></b></b></p><div><p><font class="Apple-style-span" color="#00ff00" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><span class="Apple-style-span" style="font-size: 14px; font-weight: 900; line-height: 20px;"></span></font></p><p><font class="Apple-style-span" color="#00ff00" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script></font></p><p><font class="Apple-style-span" color="#00ff00" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><br></font></p><p><font class="Apple-style-span" color="#00ff00" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><!-- Place this tag where you want the +1 button to render --></font></p><p><font class="Apple-style-span" color="#00ff00" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><g:plusone size="medium"></g:plusone></font></p><p></p></div><div style="font-size: 14px; line-height: 20px; "><p style="color: lime; "><b><b><font class="Apple-style-span" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><b><br> </b></font></b></b></p><p><font class="Apple-style-span" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif">

3) Standard button pixel code (24px) with include count feature in it

                 ( Preview  Standard  button size snapshot below ) 

<!-- Place this tag in your head or just before your close body tag -->

<br></span></font></font></b></b></b></font></p><div><font class="Apple-style-span"><font class="Apple-style-span" color="#999999" face="Georgia, Times, serif" size="2"><br></font></font></div><p></p></div><div style="color: lime; font-size: 14px; line-height: 20px;"><p><b><b><font class="Apple-style-span" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><b><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script></b></font></b></b></p></div><div style="color: lime; font-size: 14px; line-height: 20px;"><p><b><b><font class="Apple-style-span" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><b><br> </b></font></b></b></p></div><div style="color: lime; font-size: 14px; line-height: 20px;"><p><b><b><font class="Apple-style-span" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><b><!-- Place this tag where you want the +1 button to render --></b></font></b></b></p></div><div style="color: lime; font-size: 14px; line-height: 20px;"><p><b><b><font class="Apple-style-span" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><b><g:plusone></g:plusone></b></font></b></b></p></div><div style="color: lime; font-size: 14px; line-height: 20px;"><p><b><b><font class="Apple-style-span" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><b><br> </b></font></b></b></p></div><div style="font-size: 14px; line-height: 20px; "><p><font class="Apple-style-span" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif">

4)  Tall button pixel code (60px) with include count feature in it

               ( Preview Tall button size snapshot below ) 

<!-- Place this tag in your head or just before your close body tag -->

<br></span></font></font></b></b></b></b></font></b></b></p><div><b><b><font class="Apple-style-span"><b><font class="Apple-style-span" color="#999999" face="Georgia, Times, serif" size="2"><br></font></b></font></b></b></div><p></p></div><div style="font-size: 14px; line-height: 20px;"><p><b><b><font class="Apple-style-span" color="#00ff00" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><b><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script></b></font></b></b></p></div><div style="font-size: 14px; line-height: 20px;"><p><b><b><font class="Apple-style-span" color="#00ff00" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><b><br> </b></font></b></b></p></div><div style="font-size: 14px; line-height: 20px;"><p><b><b><font class="Apple-style-span" color="#00ff00" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><b><!-- Place this tag where you want the +1 button to render --></b></font></b></b></p></div><div><div style="font-size: 14px; line-height: 20px;"><p><b><b><font class="Apple-style-span" color="#00ff00" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><b><g:plusone size="tall"></g:plusone></b></font></b></b></p></div><div style="font-size: 14px; line-height: 20px;"><p><b><b><font class="Apple-style-span" color="#00ff00" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif"><b><br> </b></font></b></b></p></div><div style="font-size: 14px; line-height: 20px;"><p><b><b><font class="Apple-style-span" color="#00ff00" face="'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif" size="3" style="line-height: normal;"><b></b></font></b></b></p></div><div style="display: inline !important;"><p><font class="Apple-style-span" style="font-size: 14px; line-height: 20px; ">

Any Queries, doubts, problems regarding applying this code to your site, let me know through comments and i will solve it out.

Your use of the code above is subject to the Google +1 Button Publisher Policies.

For additional information, see our general FAQs.

For customization options and technical FAQs, see our full documentation page.