<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tinnta &#187; Tips</title>
	<atom:link href="http://www.tinnta.com/category/tips/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tinnta.com</link>
	<description>CSS, HTML, jQuery... desarrollo y diseño web</description>
	<lastBuildDate>Fri, 13 Aug 2010 13:30:18 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Nuestro Último Tweet en nuestra web Sin utilizar un Widget &#8211; Super Fácil</title>
		<link>http://www.tinnta.com/nuestro-ultimo-tweet-twitter-nuestra-web-htmlcss-facil/</link>
		<comments>http://www.tinnta.com/nuestro-ultimo-tweet-twitter-nuestra-web-htmlcss-facil/#comments</comments>
		<pubDate>Fri, 11 Sep 2009 15:49:26 +0000</pubDate>
		<dc:creator>Jack Bach</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[actualizacion]]></category>
		<category><![CDATA[como]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[post]]></category>
		<category><![CDATA[reciente]]></category>
		<category><![CDATA[tweet]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[ultimo]]></category>

		<guid isPermaLink="false">http://www.tinnta.com/?p=446</guid>
		<description><![CDATA[El objetivo de hoy es simple: insertar nuestro último tweet en nuestra página web Además queremos hacerlo con el mínimo código posible, pero sin usar un widget. Con este ejemplo nos introducimos al uso de la API de twitter.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.tinnta.com/demos/ultimotweet/index.html"><img class="aligncenter size-full wp-image-454" title="preview_ultimotweet" src="http://www.tinnta.com/wp-content/uploads/2009/09/Imagen-4.png" alt="preview_ultimotweet" width="341" height="106" /></a></p>
<p>Para empezar debemos insertar el siguiente código<strong> HTML</strong> donde queramos añadir las últimas <strong>actualizaciones de nuestro twitter</strong>:</p>
<pre class="brush: xml;">&lt;div id=&quot;twitter_update_list&quot;&gt;&lt;/div&gt;</pre>
<p>El siguiente paso es insertar las siguientes líneas justo<strong> después del div del paso anterior</strong>:</p>
<pre class="brush: xml;">&lt;script type=&quot;text/javascript&quot; src=&quot;http://twitter.com/javascripts/blogger.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://twitter.com/statuses/user_timeline/usuario.json?callback=twitterCallback2&amp;count=1&quot;&gt;&lt;/script&gt;</pre>
<p>En esta segunda línea es en la que tendremos que definir el<strong> usuario</strong>, que será el de nuestro twitter, y el <strong>número de actualizaciones</strong> que queremos mostrar (donde pone 5). El máximo de actualizaciones que podremos mostrar es 20.</p>
<p>Lo que obtenemos con todo esto es una lista dentro del div #twitter_update_list con las diferentes actualizaciones con la siguiente <strong>estructura html</strong>:</p>
<pre class="brush: xml;">&lt;div id=&quot;twitter_update_list&quot;&gt;
&lt;li&gt;&lt;span&gt;Contenido de la entrada&lt;/span&gt;&lt;a&gt;Hace x días&lt;/a&gt;&lt;/li&gt;
&lt;/div&gt;</pre>
<p>Con esto ya nos podemos poner a darles <strong>estilo con css</strong>. Podési ver <a href="http://www.tinnta.com/demos/ultimotweet/index.html">como ha quedado el mío</a>. Si te gusta el icono, puedes encontrar un pack en <a href="http://www.janlukacs.ro/quitter/">este link</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tinnta.com/nuestro-ultimo-tweet-twitter-nuestra-web-htmlcss-facil/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
