CSS no Lanche

Já demonstrei em meu outro blog anteriormente como é possível fazer a leitura de feeds de outros site com a Google JSAPI, tudo bem, dessa vez acabei implementando um Widget, que você pode utilizar em qualquer site.

O HTML é extremamente simples como você pode ver abaixo:

<ul id="updates"></ul>

E depois, com a utilização de jQuery, eu monto meu widget:

var Feed = {
	widget: function(url, callback) {
		$.ajax({
			url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url),
			dataType: 'json',
			success: function(data) {
				Feed.callback(data.responseData.feed);
			}
		});		
	},
	callback: function(feed) {
		var entries = feed.entries;
		for (var i = 0; i < entries.length; i+=1) {
			$('#updates').append('<li><a href="' + entries[i].link + '">' + entries[i].title + '<\/a><\/li>');
		}
		$('#updates').append('<li id="button"><a href="' + feed.link + '">Veja mais<\/a><\/li>');
	}	
};

Feed.widget('http://feeds2.feedburner.com/pinceladasdaweb'); //RSS do site aqui

• Ver Exemplo
• Download