To obtain full content (if available from the feed), add this code at
the beginning of your initialize() function:
var apiFeedLoad = google.feeds.Feed.prototype.load;
google.feeds.Feed.prototype.load =
function(callback) {
apiFeedLoad.call(this,
function(feedResult) {
var entries = feedResult.feed.entries;
for (var i=0, entry; entry = entries[i]; i++) {
entry.contentSnippet = entry.content;
}
callback(feedResult);
}
);
};
The blog feed noted in your example currently contains just one
entry. Of course, typical feeds contain numerous entries. After
constructing the FeedControl, make the following call to ensure that
you'll receive all of the entries currently available from the API.
feedControl.setNumEntries(-1);
Presentation issues may sometimes arise with rich feed content (images
and other embedded media). The optional CSS code given below is just
a first experimental attempt to accommodate various rich feed content
within the control. These experimental CSS rules may or may not be
appropriate for your projects. (NOTE: It's up to you to ensure that
your API usage and feed presentation comply with all applicable terms
of use and copyrights etc.)
Before adding the optional CSS code below, specify a strict doctype
(for consistent rendering and particularly for IE). Your page source
code should begin with the doctype specifier:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
Optional experimental CSS rules for full-page presentation (700 pixels
wide):
<style type="text/css">
#feedControl {
width : 700px;
padding: 5px;
overflow: hidden;
background-color: white;
border: solid gold 2px;
}
#feedControl * {
font: 10pt "Arial", sans-serif;
}
#feedControl div.gfc-title {
font: bold 14pt "Arial", sans-serif;
}
#feedControl div.gfc-resultsHeader {
text-align: center;
border: none;
}
#feedControl div.gf-result {
clear: both;
padding: 5px;
border-top: dotted silver 1px;
}
#feedControl div.gfc-results {
margin-bottom: 3px;
border-bottom: solid gold 1px;
}
#feedControl div.gf-snippet img {
max-width: 500px;
width: auto;
height: auto;
border: none;
}
#feedControl div.gf-snippet p img {
float: right;
padding: 5px;
}
</style>
-- omr
--
You received this message because you are subscribed to the Google Groups
"Google AJAX APIs" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-ajax-search-api?hl=en.
