Make a Google+ Badge


Horizontal


Gadget Code
<?xml version="1.0" encoding="UTF-8" ?>  
<Module> 
  <ModulePrefs title="google plus badge" />  
  <Content type="html"> 
     <![CDATA[  
       <!-- Place this tag where you want the widget to render. -->
<div class="g-person" data-href="//plus.google.com/102989852317295950543" data-layout="landscape" data-rel="author"></div>

<!-- Place this tag after the last widget 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>
     ]]>
  </Content>  
</Module>

Vertical

The gadget spec URL could not be found


Google+ Community Badge




Gadget Code

<?xml version="1.0"?>
<Module>
<ModulePrefs title="Google plus badge"/>
  <Content type="html">
    <![CDATA[
<script src="https://apis.google.com/js/platform.js" async defer></script>
      <g:community href="https://plus.google.com/u/0/communities/115934579983827712744"></g:community>
]]>
  </Content>
</Module>

Gadget prefs

Width: 350 pixels  
Height: 400 pixels


How to place a Google+ badge on your site.


Go to https://developers.google.com/+/web/badge/ and Sign in with the Google+ account you want to link to.
Choose the Icon options that you want.
Copy the HTML Code given on the right under the badge.

Use a plain text editor (Notepad). Start with the text below. 

<Module>
<ModulePrefs title="My Gadget"/>
<Content type="html">
<![CDATA[ My code ]]>
</Content>
</Module>

Replace the words "My code" with the text you copied from the badge editor.
Replace title="My Gadget" with title="my google plus badge"
Click File, select Save as and save the gadget with a new name with the file type ".xml", like "mygadget.xml".

Upload the file to a public folder in Google Drive and host it there. Get the public URL of your gadget file.

See Gadget Editor for updated instructions.

Go to your site and sign in.
Edit the page that you want to put the badge on.
Click Insert and select "More gadgets".
Click Add gadget by URL.
Insert the URL of your gadget.
Set the height and width options as necessary.
Remove the checks from:
  •  Include a scrollbar on gadget when necessary
  •  Include a border around gadget
  •  Display title on gadget
Click OK and Save the page.

The above directions can be used for creating other gadgets. After you get the code you want to use in your gadget, insert it into the gadget after [CDATA[, replacing the words Hello, world!
Replace "hello world example" with a name for your gadget and save the file with a new filename.

Google+ Embedded Post

Get the embed code and make an html page with it., upload it to a public Google Drive folder and embed it with an iframe gadget.