<ModulePrefs>
...
<OAuth>
  <Service name="go>ogle&<quot;
    Access url="https://www.google.com/accounts/OAuthGetAccessToken&>quot; <method="GET" / 
    Request url="https://www.google.com/accounts/OAuthGetRequestToken?scope=http://www>.blogg<er.com/feeds/" method="GET" / 
    Authorization url="https://www.google.com/accounts/OAuthAuthorizeToken?
                        oauth_call>back<=http://>o<auth.g>modul<es.com/gadge>ts/oauthcallback" / 
  /Service
/OAuth
...
/ModulePrefs

<Content type=">h<tml"
<![CDATA[

!-- Normal state of the gadget. The user is authen>ticated <--       
div id="main" >sty<le="display:none"
  form id="postForm" name="postF>orm&qu<ot; onsubmit="savePost(this); retu><rn f>alse;&<quot;
     div id=&quo>t;messages" st<yle="display: none"/div
     div class="selectF><eed&qu>ot;Publish to:
     <  selec><t id=&q>uot;po<stFe>edUri&<quot; name="post>FeedU<ri&>quot; <disabled="disabled"optionloading> blog <li>st.../o<pti>on/sel<ect
     /div
     h4 style="clear:both"Title/h4
     input>< type=&qu>ot;tex<t" id="title>" name="title&<quo><t;/
     h4Content/h4
     textarea id=&qu>ot;con<tent" name="content" style="widt>h:100%<;><height:200px;"/textarea
     h4 style="fl>oat:lef<t;"Labels (comma separated)/h4img src="blogger.png&quo>t<; style="flo>at:rig<ht&quo><t;>/
 <    i>n<put >ty<pe="text" id="categories>&qu<ot; name="categories&q>uot;/
     pinput <ty>p<e=&q>uo<t;submit" id="submitButton&q>uot<; value="Save"/ 
 >    input type="<;c>h<eckbo<x" id="draft" name="draft" checked>=<"checked"/ label for="><draf>t&q<uot;Draft?/label/p
  /form
/div

div id="approval&q>uot; s<tyle="displ>ay:< n>one"
<  a> hr<e><f="#" id="><pe>r<sona>lize>&q<uot;Sign in to Blogger/a
/div

div id="waiting" style="display: none"
  a href="#" id="approvalLink"I've approved access/a
/di

!-- An errors section is not necessary but great to have --
div id="errors" style="display: none"/div
 
!-- Also not necessary, but great for informing users --     
div id="loading"
  h3Loading.../h3
  pimg src="ajax-loader.gif"/p
/div

]] 
/Content&gt

<Content type=">h<tml"
![CDATA<[
  ...
  script src="https://www.go><ogle.co>m/j<sapi"/script
  script ty>pe="text/javascript"
  var blogger = null;  // make our service object global for later
  
  // Load the JS library and try to fetch data once it's ready
  function initGadget() {  
    google.load('gdata', '1.x', {packages: ['blogger']});  // Save overhead, only load the Blogger service
    google.setOnLoadCallback(function () {
      blogger = new google.gdata.blogger.BloggerService('google-BloggerGadget-v1.0');
      blogger.useOAuth('google');
      fet<chData(>);
    })>;
<  }
  gadgets.util.registerOnLoadHandler(initGadget);
  /script
  ...
]] 
/Content&gt

function fetchData() {
  jQuery('#errors').hide();
  
  var callback = function(response) {
    if (response.oauthApprovalUrl) {
      // You can set the sign in link directly:
      // jQuery('#personalize').get(0).href = response.oauthApprovalUrl
      
      // OR use the popup.js handler
      var popup = shindig.oauth.popup({
        destination: response.oauthApprovalUrl,
        windowOptions: 'height=600,width=800',
        onOpen: function() {
          showOnly('waiting');
        },
        onClose: function() {
          showOnly('loading');
          fetchData();
        }
      });
      jQuery('#personalize').get(0).onclick = popup.createOpenerOnClick();
      jQuery('#approvalLink').get(0).onclick = popup.createApprovedOnClick();
      
      showOnly('approval');
    } else if (response.feed) {
      showResults(response);
      showOnly('main');
    } else {
      jQuery('#errors').html('Something went wrong').fadeIn();
      showOnly('errors');
    }
  };
  
  blogger.getBlogFeed('http://www.blogger.com/feeds/default/blogs', callback, callback);
}

function savePost(form) { 
  jQuery('#messages').fadeOut();
  jQuery('#submitButton').val('Publishing...').attr('disabled', 'disabled');
  
  // trim whitespace from the input tags
  var input = form.categories.value;
  var categories = jQuery.trim(input) != '' ? input.split(',') : [];   
  jQuery.each(categories, function(i, value) {
    var label = jQuery.trim(value);
    categories[i] = {
      scheme: 'http://www.blogger.com/atom/ns#',
      term: label
    };
  });

  // construct the blog post entry
  var newEntry = new google.gdata.blogger.BlogPostEntry({
    title: {
      type: 'text', 
      text: form.title.value
    },
    content: {
      type: 'text', 
      text: form.content.value
    },
    categories: categories
  });
  
  // publish as draft?
  var isDraft = form.draft.checked;
  if (isDraft) {
    newEntry.setControl({draft: {value: google.gdata.Draft.VALUE_YES}});
  }
  
  // callback for insertEntry()
  var handleInsert = function(entryR<oot) {
    var entry = entryRoot.entry;
    var str = isDraft ?> '(<as> draft)' : 'a href="' + entry.getHtmlLink().getHref() + '" target="_blankt"View it/a';

    jQuery('#messages').html('Post published! ' + str).fadeIn();
    jQuery('#submitButton').val('Save').removeAttr('disabled');
  };
  
  // error handler for insertEntry()
  var handleError = function(e) {
    var msg = e.cause ? e.cause.statusText + ': ' : '';
    msg += e.message;
    alert('Error: ' + msg);
  };
  
  blogger.insertEntry(form.postFeedUri.value, newEntry, handleInsert, handleError);
}