How to add Google +1 Button to your site? It is as simple as this:

Step one: select where you want to place the Google +1 Button on your website

Step two: make that portion of the page editable, or find the related HTML area where you want to place the Google +1 Button

Step three: choose ONE of these codes, and copy them in the selected area on your site:

Google +1 Button: Small (15px)

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

<!– Place this tag after the last plusone tag –>
<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>

Google +1 Button: Standard (24px)

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

<!– Place this tag after the last plusone tag –>
<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>

Google +1 Button: Medium (20px)

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

<!– Place this tag after the last plusone tag –>
<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>

Google +1 Button: Tall (60px)

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

<!– Place this tag after the last plusone tag –>
<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>


You can find regular updates about Google +1 Button on:

https://groups.google.com/group/google-publisher-buttons/subscribe?pli=1

http://www.google.com/webmasters/+1/button/

Facebook comments

Leave a Reply

Your email address will not be published. Required fields are marked *