Add +1 to your pages to help your site stand out, Let visitors recommend your content on Google Search and share it on Google+.
You can add and customize the +1 button to meet the needs of your website, such as modifying the button size and load technique. By adding the +1 button to your website, you allow your users to recommend your content to their circles and drive traffic to your site. The +1 button can also improve the time spent on your site by providing recommendations for further reading.
How To Get Google +1 Buttons For Your Website/ Blogger?
Code: Demo1: Small (15px)
<!-- Place this tag where you want the +1 button to render --> <g:plusone size="small"></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>
Demo2 : Medium (20px)
<!-- 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>
Demo3: Standard (24px)
<!-- Place this tag where you want the +1 button to render --> <g:plusone></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>
Demo4: Tall (60px)
<!-- Place this tag where you want the +1 button to render --> <g:plusone size="tall"></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>