13. +1 button



 Prev:
12. Horizontal line
Menu: 
WYSIWYG HTML
 Next:
14. Google Gadgets Embed

+1 button Html

Create a Google +1 button in Google Sites through the WYSIWYG Insert HTML menu. Google +1 button has annotation options available. Google +1 Button Properties

+1 button WYSIWYG Menu


+1 button Example


Standard +1 button HTML Code

The standard Google +1 button also requires JavaScript. Google Plus 1 Button -  Wizard

The wizard generated HTML & JavaScript require a Google Gadget within Google Sites.

Some Javascript is supported directly in Google sites through the HTML Box.
<!-- Place this tag where you want the +1 button to render -->
<g:plusone annotation="inline" href="http://www.goopal.org/"></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>

Google Sites +1 button HTML Code

The following Google +1 html code is system generated and  ONLY renders within Google Sites.
<img src="https://ssl.gstatic.com/sites/p/bf3350/system/app/images/cleardot.gif" style="display: block; text-align: left; " props="align:left;size:standard;showCount:false" id="95xxxxxx68" type="plusone" class="sites-placeholder-plusone-standard-nocount">




Comments