gPlusWidget.xml

<?xml version="1.0" encoding="UTF-8" ?> 
    <Module> 
        <ModulePrefs title="Google+ Profile Badge"
          description="Add your Google+ profile to a Google Sites page."
          thumbnail="http://www.gstatic.com/sites-gadgets/common/images/sites-icon-gadget-thumb.png"
          screenshot="http://www.gstatic.com/sites-gadgets/common/images/sites-icon-gadget-ss.png"
          height="400" width="300" author="Open Source Teacher">
    <Require feature="dynamic-height"/>
  </ModulePrefs>
    <UserPref name="href" display_name="Profile URL" required="true"/>
    <UserPref name="width" display_name="Width" required="true" default_value="300"/>
    <UserPref name="layout" display_name="Layout" datatype="enum" default_value="portrait">
        <EnumValue value="portrait" display_value="Portrait"/>
        <EnumValue value="landscape" display_value="Landscape"/>
    </UserPref>
    <UserPref name="coverPhoto" display_name="Show cover photo" datatype="enum" default_value="true">
        <EnumValue value="true" display_value="Yes"/>
        <EnumValue value="false" display_value="No"/>
    </UserPref>
    <UserPref name="tagline" display_name="Show tagline" datatype="enum" default_value="true">
        <EnumValue value="true" display_value="Yes"/>
        <EnumValue value="false" display_value="No"/>
    </UserPref>
    <UserPref name="theme" display_name="Theme" datatype="enum" default_value="light">
        <EnumValue value="light" display_value="Light"/>
        <EnumValue value="dark" display_value="Dark"/>
    </UserPref>
        <Content type="html">
            <![CDATA[ 
            <!-- Place this tag in your head or just before your close body tag. -->
                <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>

            <!-- Place this tag where you want the widget to render. -->
                <div id="gadget" class="g-person" data-href="//plus.google.com/u/0/106402701794089089509" data-rel="author"></div>

            <script type="text/javascript">
                gadgets.util.registerOnLoadHandler(doRender);
                function doRender() {
                    var prefs = new gadgets.Prefs();
                    var href = prefs.getString("href");
                    document.getElementById("gadget").setAttribute("data-href",href);
                    var layout = prefs.getString("layout");
                    document.getElementById("gadget").setAttribute("data-layout",layout);
                    var cover = prefs.getString("coverPhoto");
                    document.getElementById("gadget").setAttribute("data-showcoverphoto",cover);
                    var tagline = prefs.getString("tagline");
                    document.getElementById("gadget").setAttribute("data-showtagline",tagline);
                    var theme = prefs.getString("theme");
                    document.getElementById("gadget").setAttribute("data-theme",theme);
                    var width = prefs.getString("width");
                    document.getElementById("gadget").setAttribute("data-width",width);
                    
                    
                }
            </script>
  
            ]]>
        </Content>
    </Module>