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">






Google Sites - WYSIWYG HTML Menus


WYSIWYG Menu - Menu bar

WYSIWYG Menu Bar

WYSIWYG Menu - Insert HTML

WYSIWYG Insert Menus

WYSIWYG Menu - Format HTML

WYSIWYG Format Menus

WYSIWYG Menu - Insert Table HTML

WYSIWYG Insert Table Menu

WYSIWYG Menu - Adjust Layout HTML


The Layout HTML Menu is not adjustable manually through the HTML editor.

WYSIWYG LAYOUT Menu

Comments