Subscribe Demo 01
Subscribe
Subscribe Demo 01 Markup
<h2 class="title">Subscribe</h2>
<a href="http://chrome.blogspot.com/atom.xml"><img alt="Site Feed" src="http://www.google.com/images/feed-icon.gif" alt="RSS Feed" /></a>
<a href="http://fusion.google.com/add?feedurl=http%3A//chrome.blogspot.com/atom.xml"><img border="0" alt="Add this Feed to iGoogle!" style="padding-top:5px;" width="104" src="http://buttons.googlesyndication.com/fusion/add.gif" height="17" /></a>
<a href="//www.blogger.com/rearrange?blogID=2250394496987063687&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML1"));" target="configHTML1" title="Edit">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>
Add to iGoogle Markup
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<title>Personalize Your Homepage</title>
<style type=text/css>
<!--
body,td,div,p,a,font,span {font-family: arial,sans-serif}body {margin-top:2}.add_button_l img, .add_button_r img {display:block;}.add_now_text {font-weight:bold;padding-left:5px;padding-
right:5px;background-image: url(//g0.gstatic.com/ig/images/add_button_middle.gif);background-repeat: repeat-x;font-size:smaller;}
.hand {cursor:pointer;cursor:hand;}
body,td,p,div,span { font-family:arial,sans-serif; }
a:link {color:#0000cc; }a:visited { color:#551a8b; }
a:active { color:#ff0000; }
a:link.f {color:#7777cc; }
a:visited.f {color:#7777cc; }
a:link.g {color:#008000; }a:visited.g {color:#008000; }
a:link.m {color:#676767; }a:visited.m {color:#676767; }
a.fl:link {color:#7777cc}
a.fl:visited {color:#7777cc}.f, .fl:link {color:#7777cc; }
.g, .fl:link {color:#008000; }.m, .fl:link {color:#676767; }
td.j {width:34em;}div.container {margin-left: 10px;}
div.spacer {clear: both;}
div.float {float: left;width: 200px;padding-bottom: 6px;}
div.float p {text-align: center;}
#IG_PU_box {padding: 0;margin: 0;font: 13px Arial,Sans-serif;}iframe {border:0px;padding:0px;margin:0px;}
.dialog .titlebar {color:black;font-weight:bold;background:#E0EDFE;padding: 5px 12px 5px 12px;border-top:8px solid #C3D9FF;border-left:8px solid #C3D9FF;border-right:8px solid
#C3D9FF;font-size:100%;}
.dialog .body {background:#FFFFFF;border-left:8px solid #C3D9FF;border-right:8px solid #C3D9FF;border-bottom:8px solid #C3D9FF;}
.dialog .url {padding: 0px;overflow:hidden;}
.dialog .outerborder {border:1px solid #3A5774;}
.buttontable {width:50%;margin: 0px auto;}.dialog .buttontable td {text-align:center;padding:10px 2px 10px 2px;}
.button_background {text-align:center;}
.dialog .colored_background {background:#C3D9FF;}
.colored_background .buttontable td {padding-bottom:2px;}
/* Presets for the padding of the popup body */
.dialog .thickpadding {padding: 36px 40px 17px 40px;}
.dialog .thinpadding {padding: 10px 10px 0px 10px;}
.dialog .tinymessage {font-size: 80%;color: #676767;}
.dialog a.delbox {float:right;margin-left:3px;width:12px;height:12px;margin-top:2px;overflow:hidden;background-image:url('/ig/images/x_blue.gif');}
.dialog a.delbox:hover {background-image:url('/ig/images/x_blue_highlight.gif');}
.popup_title {margin-top:2px;margin-bottom:2px;float:left;font-size:16px;}
.popup_title_buttons {float:right;width:12px;}
.c {clear:both;}
.cat-label {font-family: arial,sans-serif;font-size: 83%;padding-left: 4px;padding-right: 4px;}
.catnotsel {background: #fff;}
.catsel {background: #bbcced;font-weight: bold;}
.recommendtitle {font-weight: bold;}
.new {font-size:83%;color:#da0d10;}
.header{background:#e5ecf9;border-top:1px solid #36c;}
.divider{border-top:1px solid #bbcced;}
.categories{border-right:1px solid #bbcced;}
.catsel{background:#bbcced;}// -->
</style>
</head>
<body bgcolor=#ffffff text=#000000 link=#0000CC vlink=#800080 alink=#ff0000 topmargin=3 marginheight=3>
<table cellpadding=2 width=100% cellspacing=0 border=0>
<tr><td colspan=2><img width=1 alt="" height=2></td></tr>
<tr><td width=1% valign=top><a href="https://www.google.com/"><img src="//g0.gstatic.com/ig/images/igoogle_logo_sm.gif" border=0 alt=Google align=left /></a></td><td valign=top>
<table cellpadding=0 width=100% cellspacing=0 border=0><tr><td colspan=2><img width=1 alt="" height=15></td></tr>
<tr><td>
<table width="100%" class="header"><tr><td><b>Add to iGoogle</b></td></tr>
</table>
</td></tr>
</table>
</td></tr>
</table>
<table align=center cellpadding="0" cellspacing="0" width="700">
<tr><td colspan=2>
<div style="font-weight:bolder;">Add stuff you care about to your iGoogle page.</div>
<div style="font-size:smaller;">Personalize your iGoogle page with handy gadgets and your favorite content from around the web.</div></td></tr>
<tr><td valign="top">
<br>
<table width=700 valign="top" style="border: 1px solid #cccccc;" align="center" bgcolor="#efefef" cellpadding="6" cellspacing="12">
<tr><td rowspan="2" width=280 style="border: 1px solid #cccccc;"align="left" bgcolor="#ffffff" valign="top">
<b>Google Chrome Blog</b>
<br>
<font size="-1"><a href="http://chrome.blogspot.com/atom.xml" class=a>http://chrome.blogspot.com/atom.xml</a></font>
</td>
<td valign="top"><a href=# id=title name=""></a><b></b>
<div style="padding-top:8px;font-size:smaller; color:#224499; font-weight:bolder;">Please confirm you want to add this to your page.</div>
<div class=hand style="float:left;margin-top:18px;"onclick="document.location='http://www.google.com/ig/setp?et\x3d524d429fX7uXEQBz\x26source\x3dign_4eb9\x26url\x3d/ig
\x26n_25\x3durl%3Dhttp://chrome.blogspot.com/atom.xml%26val%3D3%26ni%3D3%26nsi%3D9'">
<table cellspacing="0" cellpadding="0">
<tr><td class="add_button_l"><img class="hand" src="//g0.gstatic.com/ig/images/add_button_left.gif" /></td>
<td class="add_now_text"><nobr>Add to iGoogle</nobr></td>
<td class="add_button_r"><img class="hand" src="//g0.gstatic.com/ig/images/add_button_right.gif" /></td></tr>
</table>
</div>
</td></tr>
</table>
</td></tr>
</table>
<br>
<hr size=1 noshade class="divider">
<div align=center style="font-size:82%">
<script src="//www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">_uacct="UA-3378171-1";_utcp="/ig/";urchinTracker();</script>
<span class="copyr">©2013 Google</span> - <a id="footer_module_setting_link" href="/ig/msettings">Mobile</a> - <a href="/intl/en/ads/">Advertising Programs</a> - <a
href="/services/">Business Solutions</a> - <a id="footer_privacy_policy_link" href="/intl/en/policies/">Privacy & Terms</a> - <a id="footer_help_link"
href="//www.google.com/support/?ctx=web&hl=en">Help</a> - <a id="footer_about_igoogle_link" href="/intl/en/about.html">About Google</a>
</div>
</body>
</html>
iGoogle Two Step Process for Adding Feeds:
- First click (action) takes user to the add to iGoogle document
- Accepting the Feed's addition to iGoogle redirects you to iGoogle
Starting at Google Chrome's Blog, where the add to iGoogle badge is.
Clicking on it takes you to iGoogle's Add to iGoogle document; Add to iGoogle's url when adding feeds should never be the same, check it: the url will always begin with http://www.google.com/ig/add?feedurl=URL, and will always end wiith the feed being added's url, which replaces the URL variable, appended to the end of the add to iGoogle's url.
http://www.google.com/ig/add?feedurl=http%3A//chrome.blogspot.com/atom.xml, aka iGoogle's add-to-igoogle.html document.