<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>David Valverde Blog</title>
	
	<link>http://www.davidvalverde.com/blog</link>
	<description>Web 2.0, códigos y artículos sobre diseño y desarrollo de aplicaciones web y de escritorio</description>
	<lastBuildDate>Sat, 03 Oct 2009 07:58:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/davidvalverde" /><feedburner:info uri="davidvalverde" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>davidvalverde</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>La perfección absoluta no existe</title>
		<link>http://feedproxy.google.com/~r/davidvalverde/~3/kcyEzsD54lM/</link>
		<comments>http://www.davidvalverde.com/blog/la-perfeccion-absoluta-no-existe/#comments</comments>
		<pubDate>Mon, 14 Sep 2009 22:00:06 +0000</pubDate>
		<dc:creator>David Valverde</dc:creator>
				<category><![CDATA[Productividad]]></category>
		<category><![CDATA[perfección]]></category>

		<guid isPermaLink="false">http://www.davidvalverde.com/blog/?p=395</guid>
		<description><![CDATA[Si la perfección no fuese quimérica, no tendría tanto éxito.
- Napoleón -

Está bien querer hacer las cosas bien, perfectas. Pero la mayoría de las veces intentar lograr la perfección en nuestras tareas es una completa pérdida de tiempo. Y todo porque la perfección absoluta no existe. No hay nada perfecto, todo es mejorable. Por tanto, [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>Si la perfección no fuese quimérica, no tendría tanto éxito.</p>
<p>- Napoleón -</p></blockquote>
<p><img src="http://farm4.static.flickr.com/3128/2798841193_af08ed10f3.jpg" alt="Renown Clock Works! [http://www.flickr.com/photos/001fj/2798841193/]" title="La maquinaría del reloj" /></p>
<p>Está bien querer hacer las cosas bien, perfectas. Pero la mayoría de las veces intentar lograr la perfección en nuestras tareas es una completa <a href="http://www.dutudu.com/el-coste-de-ser-perfectos/productividad/2009/06/19/" title="El coste de ser perfectos">pérdida de tiempo</a>. Y todo porque la perfección absoluta no existe. No hay nada perfecto, todo es mejorable. Por tanto, echarle horas a las tareas para conseguir esa perfección no es nada recomendable.</p>
<p>Muchas veces retrasamos nuestras tareas y proyectos porque queremos hacerlo todo perfecto. A mi me pasa a menudo, quiero hacer alguna cosa muy buena y siempre le estoy dando vueltas sin decidirme a darlo por terminado, con la consecuente pérdida de tiempo empleado. Y la posible oportunidad perdida.</p>
<p>Muchas empresas refinan sus productos para que les queden perfectos y no se atreven a lanzarlo al público hasta no lograr esa “perfección” que buscan. Hasta que la competencia lanza un producto similar con una “calidad inferior” pero que se quedan con todo el mercado pues han sido los primeros.</p>
<p>Como comenta Eric, es mejor <a href="http://www.habitosvitales.com/2008/12/siempre-en-beta-porque-98-de-perfeccion-es-suficiente/" title="Siempre en beta: Porque 98% de perfección es suficiente">estar siempre en beta</a>, lanzar los productos cuando tengan una cierta calidad y después hacer pequeñas iteraciones sobre el producto para ir aumentando su calidad. Se trata del típico “Release early, release often”. Además, puedes verte beneficiado de la retroalimentación proporcionada por los posibles usuarios de tu producto, por lo que podrás desarrollar un producto de mayor calidad.</p>
<p>Así que haz tus tareas buscando el mejor resultado, crea productos muy buenos, pero no pierdas tiempo en intentar hacerlo perfecto. Recuerda que un producto bastante bueno ya es bastante bueno.</p>
<p class="info">Si quieres aumentar tu productividad lee las <a href="http://www.davidvalverde.com/blog/75-claves-para-administrar-mejor-tu-tiempo/" title="75 claves para administrar mejor tu tiempo">75 claves para administrar mejor tu tiempo</a>.</p>
<p>Foto: <a href="http://www.flickr.com/photos/001fj/2798841193/" title="Renown Clock Works!">001fj</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidvalverde.com/blog/la-perfeccion-absoluta-no-existe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.davidvalverde.com/blog/la-perfeccion-absoluta-no-existe/</feedburner:origLink></item>
		<item>
		<title>Marca Extremadura</title>
		<link>http://feedproxy.google.com/~r/davidvalverde/~3/zrnbXHrvvUc/</link>
		<comments>http://www.davidvalverde.com/blog/marca-extremadura/#comments</comments>
		<pubDate>Mon, 07 Sep 2009 22:00:32 +0000</pubDate>
		<dc:creator>David Valverde</dc:creator>
				<category><![CDATA[Actualidad y Eventos]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[Extremadura]]></category>
		<category><![CDATA[Marca Extremadura]]></category>
		<category><![CDATA[ví­deos]]></category>

		<guid isPermaLink="false">http://www.davidvalverde.com/blog/?p=374</guid>
		<description><![CDATA[Hoy es 8 de septiembre, día de Extremadura. Estamos en fiestas pero hoy quiero hablarte un poco de Marca Extremadura.

Marca Extremadura es un programa estratégico de comunicación integral, un proyecto donde participan todos los extremeños, y que tiene como fin el reposicionamiento y la transformación de la imagen de la región. Lograr que se conozca [...]]]></description>
			<content:encoded><![CDATA[<p>Hoy es <a href="http://www.davidvalverde.com/blog/8-de-septiembre-dia-de-extremadura/" title="8 de septiembre, día de Extremadura">8 de septiembre</a>, <a href="http://www.diadeextremadura.com/" title="Día de Extremadura">día de Extremadura</a>. Estamos en fiestas pero hoy quiero hablarte un poco de Marca Extremadura.</p>
<p><img src="http://farm3.static.flickr.com/2624/3874604903_0c671c5da8.jpg" alt="Marca Extremadura [http://www.flickr.com/photos/davidvalverde/3874604903/]" title="Marca Extremadura" /></p>
<p><a href="http://www.marcaextremadura.es/" title="Marca Extremadura">Marca Extremadura</a> es un programa estratégico de comunicación integral, un proyecto donde participan todos los extremeños, y que tiene como fin el reposicionamiento y la transformación de la imagen de la región. Lograr que se conozca y reconozca la realidad extremeña.</p>
<p>El objetivo del Programa es reposicionar Extremadura, dentro y fuera del territorio y situarla como referente de un modelo de desarrollo equilibrado, capaz de conciliar crecimiento económico y calidad de vida, modernidad y tradición.</p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/oHW7ypKnqWQ&#038;hl=es&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/oHW7ypKnqWQ&#038;hl=es&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p>Desde 2006, Marca Extremadura ha intentado mostrar la comunidad que hemos intentado construir entre todos los extremeños, reflejando lo que nos hace diferentes primando el dedicar tiempo a<a href="http://www.cosasporlasquevivimos.com/" title="Tiempo por las cosas por las que vivimos"> las cosas que son realmente importantes</a> en nuestras vidas. Una comunidad innovadora, dinámica y creciente.</p>
<p>Junto a la web, la marca se difunde también a través de las redes sociales como <a href="http://www.facebook.com/marcaextremadura" title="Facebook: Marca Extremadura">Facebook</a>, <a href="http://twitter.com/_extremadura_" title="Twitter: Marca Extremadura">Twitter</a> o <a href="http://www.flickr.com/photos/marcaextremadura/" title="Flickr: Marca Extremadura">Flickr</a>. Tiene hasta su propio canal en <a href="http://www.youtube.com/user/MarcaExtremadura" title="Youtube: Marca Extremadura">Youtube</a>.</p>
<p>Si no has venido nunca te invito a que conozcas <a href="http://www.marcaextremadura.es/index.php?option=com_jumi&#038;fileid=12&#038;s=9&#038;scroll=1" title="Conoce Extremadura">Extremadura</a> y conozcas sus tierras y sus gentes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidvalverde.com/blog/marca-extremadura/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.davidvalverde.com/blog/marca-extremadura/</feedburner:origLink></item>
		<item>
		<title>Permanece centrado en lo que estás haciendo</title>
		<link>http://feedproxy.google.com/~r/davidvalverde/~3/R1gAHrXqPMY/</link>
		<comments>http://www.davidvalverde.com/blog/permanece-centrado-en-lo-que-estas-haciendo/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 22:00:49 +0000</pubDate>
		<dc:creator>David Valverde</dc:creator>
				<category><![CDATA[Productividad]]></category>
		<category><![CDATA[enfoque]]></category>
		<category><![CDATA[multitarea]]></category>

		<guid isPermaLink="false">http://www.davidvalverde.com/blog/?p=393</guid>
		<description><![CDATA[Hacer dos cosas a la vez es lo mismo que no hacer ninguna. 
- Publio Sirio -

En el entorno laboral en el que nos encontramos somos constantemente interrumpidos (llamadas, email, mensajería instantánea…) y tenemos múltiples tareas a realizar. Nuestros jefes nos mandan más trabajo cuando estamos realizando otras tareas. Tenemos que acomodarnos para ser seres [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>Hacer dos cosas a la vez es lo mismo que no hacer ninguna. </p>
<p>- Publio Sirio -</p></blockquote>
<p><img src="http://farm4.static.flickr.com/3334/3576516828_cf458ecbce.jpg" alt="Multitarea [http://www.flickr.com/photos/ihavezlatathoughts/3576516828/]" title="Multitarea" /></p>
<p>En el entorno laboral en el que nos encontramos somos constantemente interrumpidos (llamadas, email, mensajería instantánea…) y tenemos múltiples tareas a realizar. Nuestros jefes nos mandan más trabajo cuando estamos realizando otras tareas. Tenemos que acomodarnos para ser seres multitarea.</p>
<p>Sin embargo, las personas no somos máquinas. En el cambio entre una tarea y otra pasa cierto tiempo hasta que nos acomodamos a ella. Existen <a href="http://freetrans.blogspot.com/2007/03/los-estudios-dicen-que-las-tareas.html" title="Estudios recomiendan dejar la multitarea sólo a las computadoras">algunos estudios</a> que han calculado ese tiempo de cambio de contexto que se estima en unos 15 minutos. Tiempo que perdemos al cambiar constantemente entre las tareas. Tiempo que deberíamos usar para hacer lo que tenemos que hacer. Y todo este tiempo perdido tiene un <a href="http://navegante2.elmundo.es/navegante/2007/03/26/gadgetoblog/1174898630.html" title="El coste de ser multitarea">coste</a>.</p>
<p>Para no perder este valioso tiempo tenemos que prestar atención a la tarea y centrarnos en ella hasta terminarla, sin realizar otras tareas a la vez. Debemos evitar la multitarea dentro de lo posible. Es complicado pero hay <a href="http://www.habitosvitales.com/2009/03/03/organiza-tu-dia-para-evitar-la-multitarea/" title="Organiza tu día para evitar la multitarea">algunos trucos</a> que pueden reducirla. De esta forma conseguiremos que la ejecución de nuestras tareas sea de una forma más fluida y rápida.</p>
<p class="info">Si quieres aumentar tu productividad lee las <a href="http://www.davidvalverde.com/blog/75-claves-para-administrar-mejor-tu-tiempo/" title="75 claves para administrar mejor tu tiempo">75 claves para administrar mejor tu tiempo</a>.</p>
<p>Foto: <a href="http://www.flickr.com/photos/ihavezlatathoughts/3576516828/" title="Multitasking on a cell phone">ihavezlatathoughts</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidvalverde.com/blog/permanece-centrado-en-lo-que-estas-haciendo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.davidvalverde.com/blog/permanece-centrado-en-lo-que-estas-haciendo/</feedburner:origLink></item>
		<item>
		<title>Entradas recientes</title>
		<link>http://feedproxy.google.com/~r/davidvalverde/~3/rXFNCy_vI1s/</link>
		<comments>http://www.davidvalverde.com/blog/entradas-recientes/#comments</comments>
		<pubDate>Mon, 24 Aug 2009 22:00:39 +0000</pubDate>
		<dc:creator>David Valverde</dc:creator>
				<category><![CDATA[Blogs]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.davidvalverde.com/blog/?p=382</guid>
		<description><![CDATA[Si estás leyendo este post y no te encuentras en la página principal del blog puedes ver en el lateral un apartado con una serie de enlaces a los últimos artículos escritos: Entradas Recientes.

Se trata de algo muy útil cuando quieres que los usuarios que han llegado directamente a una página interior del blog (ya [...]]]></description>
			<content:encoded><![CDATA[<p>Si estás leyendo este post y no te encuentras en la página principal del blog puedes ver en el lateral un apartado con una serie de enlaces a los últimos artículos escritos: Entradas Recientes.</p>
<p><img src="http://farm4.static.flickr.com/3493/3845975046_d56f6a3cd2.jpg" alt="Entradas recientes [http://www.flickr.com/photos/davidvalverde/3845975046/]" title="Entradas recientes" /></p>
<p>Se trata de algo muy útil cuando quieres que los usuarios que han llegado directamente a una página interior del blog (ya sea a través de un buscador o de algún enlace) puedan ver los últimos posts que se han escrito en el blog. Si algún título les llama la atención o les interesa podrán navegar a través del enlace y quedarse más tiempo en tu web. Y es de esto de lo que se trata, ¿no?</p>
<p>Si estás usando WordPress es muy fácil de implementar en tu blog. La función <a href="http://codex.wordpress.org/Template_Tags/wp_get_archives" title="Codex WP: wp_get_archives()">wp_get_archives()</a> es la que se encargará de casi todo. Veamos cómo.</p>
<p>Lo que hay que hacer es colocar donde quieras poner los enlaces a los últimos post (por ejemplo, en el fichero sidebar.php) el siguiente trozo de código:</p>
<div class="igBar"><span id="lphp-2"><a href="#" onclick="javascript:showPlainTxt('php-2'); return false;">C&oacute;digo</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-2">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">&lt;?php</span> <span style="color:#616100;">if</span> <span style="color:#006600; font-weight:bold;">&#40;</span>!is_home<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006600; font-weight:bold;">&#41;</span><span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">&#123;</span> <span style="color:#000000; font-weight:bold;">?&gt;</span></div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &lt;!-- Entradas recientes --&gt;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &lt;div&gt;</div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &lt;h3&gt;Entradas recientes&lt;/h3&gt;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &lt;ul&gt;</div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; <span style="color:#000000; font-weight:bold;">&lt;?php</span> wp_get_archives<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#FF0000;">'type=postbypost&amp;limit=10'</span><span style="color:#006600; font-weight:bold;">&#41;</span>; <span style="color:#000000; font-weight:bold;">?&gt;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &lt;/ul&gt;</div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &lt;/div&gt;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">&lt;?php</span> <span style="color:#006600; font-weight:bold;">&#125;</span> <span style="color:#000000; font-weight:bold;">?&gt;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Si le has echado un vistazo al Codex de WordPress puedes ver que los parámetros que le hemos indicado a la función wp_get_archives() sirven para mostrar los últimos 10 post publicados. La primera línea indica que el código se ejecute cuando no se esté en la página principal.</p>
<p>Ya solo queda darle el estilo que quieras con CSS para que se integre con el resto del blog y ya lo tendrás funcionando. Un apunte: en el código puesto anteriormente meto todo dentro de un div. Hay algunos temas de WordPress en los que el sidebar está compuesto por divs pero hay otros que son solamente listas. Adáptalo a tu tema.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidvalverde.com/blog/entradas-recientes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.davidvalverde.com/blog/entradas-recientes/</feedburner:origLink></item>
		<item>
		<title>Céntrate en las tareas importantes</title>
		<link>http://feedproxy.google.com/~r/davidvalverde/~3/9-zOONe-R_w/</link>
		<comments>http://www.davidvalverde.com/blog/centrate-en-las-tareas-importantes/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 22:00:16 +0000</pubDate>
		<dc:creator>David Valverde</dc:creator>
				<category><![CDATA[Productividad]]></category>
		<category><![CDATA[enfoque]]></category>
		<category><![CDATA[Pareto]]></category>
		<category><![CDATA[tareas]]></category>

		<guid isPermaLink="false">http://www.davidvalverde.com/blog/?p=316</guid>
		<description><![CDATA[Existen cuatro maneras de perder el tiempo: no hacer nada, no hacer lo que debe hacerse, hacerlo mal, hacerlo mal a propósito. 
- Voltaire -

El tiempo es un recurso limitado y como tal debe utilizarse. En nuestra vida cotidiana, la mayoría de nosotros tenemos y queremos realizar una gran cantidad de cosas tanto a nivel [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>Existen cuatro maneras de perder el tiempo: no hacer nada, no hacer lo que debe hacerse, hacerlo mal, hacerlo mal a propósito. </p>
<p>- Voltaire -</p></blockquote>
<p><img src="http://farm4.static.flickr.com/3282/2847429602_dcf23e4844.jpg" alt="Big rocks [http://www.flickr.com/photos/inazuman/2847429602/]" title="Big rocks" /></p>
<p>El tiempo es un recurso limitado y como tal debe utilizarse. En nuestra vida cotidiana, la mayoría de nosotros tenemos y queremos realizar una gran cantidad de cosas tanto a nivel personal como profesional. Añadimos más y más tareas a nuestra lista ya de por sí completa.</p>
<p>El problema es que no se puede hacer todo, porque no hay tiempo para todo. Cada día tiene 1440 minutos y posiblemente no nos llegue para hacer todo lo planeado. Es así. No hay más.</p>
<p>Lo que nos queda es centrarnos en las tareas importantes para llegar a nuestros objetivos, y eliminar, delegar o retrasar aquellas otras tareas que no son tan importantes. ¿Es necesario contestar ahora mismo a esa llamada o leer el correo? ¿Tenemos que leer ahora nuestros feeds o mejor terminamos el informe que hay que entregar mañana? ¿Ver esa serie que me gusta tanto me está quitando tiempo de estar con mis hijos? ¿Ser el presidente de esa asociación a la que pertenezco y todo el tiempo que le dedico me compensa de alguna forma? Hay un montón de cosas que estamos haciendo y que podríamos eliminar porque nos están aportando muy poco.</p>
<p><a href="http://canasto.es/2009/05/el-principio-de-pareto/" title="El principio de Pareto">El principio de Pareto</a> puede aplicarse a la productividad: el 20% de nuestras tareas dan el 80% del resultado. Por tanto, debemos descubrir cuales son las tareas que se encuentran en este 20% y enfocarnos en ellas. De este modo, estarás usando tu tiempo de forma más efectiva y tu rendimiento será más alto.</p>
<p>Así que adelante, ve a realizar esas tareas importantes y deja de leer este blog <img src='http://www.davidvalverde.com/blog/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
<p class="info">Si quieres aumentar tu productividad lee las <a href="http://www.davidvalverde.com/blog/75-claves-para-administrar-mejor-tu-tiempo/" title="75 claves para administrar mejor tu tiempo">75 claves para administrar mejor tu tiempo</a>.</p>
<p>Foto: <a href="http://www.flickr.com/photos/inazuman/2847429602/" title="stoned">inazuman</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidvalverde.com/blog/centrate-en-las-tareas-importantes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.davidvalverde.com/blog/centrate-en-las-tareas-importantes/</feedburner:origLink></item>
		<item>
		<title>¿Cómo hacer un blogroll con imágenes?</title>
		<link>http://feedproxy.google.com/~r/davidvalverde/~3/2FC3rbSh8mI/</link>
		<comments>http://www.davidvalverde.com/blog/blogroll-de-imagenes/#comments</comments>
		<pubDate>Mon, 10 Aug 2009 22:01:24 +0000</pubDate>
		<dc:creator>David Valverde</dc:creator>
				<category><![CDATA[Blogs]]></category>
		<category><![CDATA[blogroll]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[David Valverde]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.davidvalverde.com/blog/?p=328</guid>
		<description><![CDATA[El blogroll es una lista de enlaces a otras webs que suelen colocarse en una web (normalmente en un lateral) y que se compone de enlaces que el autor suele visitar asiduamente, webs de amigos y conocidos y/o enlaces que el autor considera que pueden ser de utilidad para posibles visitantes de la web. Puedes [...]]]></description>
			<content:encoded><![CDATA[<p>El blogroll es una lista de enlaces a otras webs que suelen colocarse en una web (normalmente en un lateral) y que se compone de enlaces que el autor suele visitar asiduamente, webs de amigos y conocidos y/o enlaces que el autor considera que pueden ser de utilidad para posibles visitantes de la web. Puedes ver en la <a href="http://www.davidvalverde.com/blog/" title="David Valverde Blog">página principal del blog</a> que mi blogroll está formado por imágenes con sus correspondientes enlaces. Es una idea que saqué de este <a href="http://www.thisismyurl.com/tutorials/wordpress-help/show-both-links-and-pictures-in-wordpress-wp_list_bookmarks/" title="Show both links and pictures in WordPress">tutorial</a> (en inglés), en el que se explica como poner imagen y texto a la vez.</p>
<p><img src="http://farm3.static.flickr.com/2494/3798896700_8e43c42891.jpg" alt="Blogroll [http://www.flickr.com/photos/davidvalverde/3798896700/]" title="Blogroll"/></p>
<p>Yo lo he adaptado para poner solo imágenes. Lo que veremos en este artículo será la forma en que lo he implementado en el blog paso a paso y después comentaremos por qué no he utilizado alguna otra manera de hacerlo que en principio es más fácil. Vamos a ello.</p>
<h3>Pasos previos</h3>
<p>Ya que vamos a tener un blogroll con imágenes lo primero que hay que hacer es preparar esas imágenes y subirlas al servidor. Yo lo que he hecho ha sido bajarme los <a href="http://es.wikipedia.org/wiki/Favicon" title="¿Qué es un favicon?">favicons</a> de los blogs y modificar el formato para ponerlo en jpg y el tamaño en 16x16 píxeles. Lo de los favicons es una idea pero puedes utilizar las imágenes que creas conveniente. Además, tengo también una imagen por defecto (el logo de la web) para aquellos blogs que no tienen favicon. Una vez listas y preparadas las imágenes las he subido por ftp al servidor donde tengo alojada la web.</p>
<p>Lo siguiente es crear el blogroll, aunque supongo que ya lo tendrás hecho. Se hace desde el panel de administración de WordPress en la opción Enlaces.</p>
<p><img src="http://img218.imageshack.us/img218/9987/img2lsi.jpg" alt="Opción Enlaces dentro del panel de administración de WP" title="Opción Enlaces dentro del panel de administración de WP"/></p>
<p>Puedes seguir este ejemplo para poder <a href="http://commlines.wordpress.com/2008/04/17/el-blogroll/" title="Crea tu propio blogroll">crear tu propio blogroll</a>.</p>
<p> <img src="http://img18.imageshack.us/img18/2063/img3rzc.jpg" alt="Edición de un enlace" title="Edición de un enlace"/></p>
<p>Cuando editamos un enlace del blogroll tenemos una serie de campos a rellenar como el nombre, la url, la categoría del enlace, etc. Uno de estos campos es la dirección de la imagen asociada (se encuentra en el recuadro de Avanzado).</p>
<p><img src="http://img18.imageshack.us/img18/9099/img4mmh.jpg" alt="Campo image address" title="Campo image address"/></p>
<p>En este campo es donde tenemos que poner la url de las imágenes que subimos anteriormente y que asociaremos al enlace. En mi caso, asigné el favicon del blog con su enlace correspondiente. Esto se hace para cada enlace del blogroll que quieras que tenga una imagen asociada. Para el resto de enlaces (en mi caso los que no tenían favicon) no rellenaba el campo. Más adelante veremos por qué.</p>
<p>Una vez preparado el terreno, es hora de ponerse a picar un poco de código. Los archivos que modificaremos son functions.php, sidebar.php y style.css y que normalmente se encuentran en todos los temas de WordPress.</p>
<h3>Creamos nuestra función personalizada</h3>
<p>En primero crearemos la función que se encargará de generar el HTML del blogroll. La estructura que va a tener será del tipo:</p>
<div class="igBar"><span id="lhtml-10"><a href="#" onclick="javascript:showPlainTxt('html-10'); return false;">C&oacute;digo</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-10">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/ul.html"><span style="color: #000000; font-weight: bold;">&lt;ul&gt;</span></a></span></div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">&lt;a</span></a> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">""</span> <span style="color: #000066;">title</span>=<span style="color: #ff0000;">""</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/img.html"><span style="color: #000000; font-weight: bold;">&lt;img</span></a> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">""</span> <span style="color: #000066;">title</span>=<span style="color: #ff0000;">""</span> <span style="color: #000066;">alt</span>=<span style="color: #ff0000;">""</span> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">&lt;a</span></a> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">""</span> <span style="color: #000066;">title</span>=<span style="color: #ff0000;">""</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/img.html"><span style="color: #000000; font-weight: bold;">&lt;img</span></a> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">""</span> <span style="color: #000066;">title</span>=<span style="color: #ff0000;">""</span> <span style="color: #000066;">alt</span>=<span style="color: #ff0000;">""</span> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; …</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>El código de la función que crearemos en el fichero functions.php es:</p>
<div class="igBar"><span id="lphp-11"><a href="#" onclick="javascript:showPlainTxt('php-11'); return false;">C&oacute;digo</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-11">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">function</span> dv_bookmarks<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$args</span><span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> <span style="color:#FF0000;">'&lt;ul&gt;'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color:#0000FF;">$linklist</span> = get_bookmarks<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$args</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color:#616100;">foreach</span> <span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$linklist</span> <span style="color:#616100;">as</span> <span style="color:#0000FF;">$site</span><span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> <span style="color:#FF0000;">'&lt;li&gt;'</span>;</div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> <span style="color:#FF0000;">'&lt;a href=&quot;'</span>.<span style="color:#0000FF;">$site</span>-&gt;<span style="color:#006600;">link_url</span>.<span style="color:#FF0000;">'&quot; title=&quot;'</span>.<span style="color:#0000FF;">$site</span>-&gt;<span style="color:#006600;">link_name</span>.<span style="color:#FF0000;">'&quot;&gt;'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#616100;">if</span> <span style="color:#006600; font-weight:bold;">&#40;</span><a href="http://www.php.net/strlen"><span style="color:#000066;">strlen</span></a><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$site</span>-&gt;<span style="color:#006600;">link_image</span><span style="color:#006600; font-weight:bold;">&#41;</span>&gt; <span style="color:#CC66CC;color:#800000;">2</span><span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; <a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> <span style="color:#FF0000;">'&lt;img src=&quot;'</span>.<span style="color:#0000FF;">$site</span>-&gt;<span style="color:#006600;">link_image</span>.<span style="color:#FF0000;">'&quot;&nbsp; alt=&quot;'</span>.<span style="color:#0000FF;">$site</span>-&gt;<span style="color:#006600;">link_name</span>.<span style="color:#FF0000;">'&quot; /&gt;'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#006600; font-weight:bold;">&#125;</span> <span style="color:#616100;">else</span> <span style="color:#006600; font-weight:bold;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; <a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> <span style="color:#FF0000;">'&lt;img src=&quot;imagenpordefecto.jpg&quot;&nbsp; alt=&quot;'</span>.<span style="color:#0000FF;">$site</span>-&gt;<span style="color:#006600;">link_name</span>.<span style="color:#FF0000;">'&quot; /&gt;'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#006600; font-weight:bold;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> <span style="color:#FF0000;">'&lt;/a&gt;'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> <span style="color:#FF0000;">'&lt;/li&gt;'</span>;</div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color:#006600; font-weight:bold;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> <span style="color:#FF0000;">'&lt;/ul&gt;'</span>;</div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#006600; font-weight:bold;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Con esto ya tenemos generada la estructura HTML que se va a pintar. El argumento que le pasamos a la función se utiliza para poder crear una única función genérica que retorne una serie de enlaces según queramos. Por ejemplo, si los enlaces los tenemos categorizados es posible que solo queramos obtener aquellos enlaces que pertenezcan a una categoría en concreto. Para más información puedes revisar el Codex de Wordpress y buscar los parámetros de la función <a href="http://codex.wordpress.org/Function_Reference/get_bookmarks" title="Codex: get_bookmarks()">get_bookmarks()</a>.</p>
<p>Vamos a comentar el trozo de código del else:</p>
<div class="igBar"><span id="lphp-12"><a href="#" onclick="javascript:showPlainTxt('php-12'); return false;">C&oacute;digo</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-12">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> <span style="color:#FF0000;">'&lt;img src=&quot;imagenpordefecto.jpg&quot;&nbsp; alt=&quot;'</span>.<span style="color:#0000FF;">$site</span>-&gt;<span style="color:#006600;">link_name</span>.<span style="color:#FF0000;">'&quot; /&gt;'</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Esto se utiliza para aquellos enlaces a los que no le hemos asignado una imagen (en mi caso no tenían favicon) se le asigne una imagen por defecto. Hay que modificar imagenpordefecto.jpg por la ruta de la imagen por defecto que subimos al comienzo de los pasos previos.</p>
<h3>Llamada a la función</h3>
<p>Una vez creada la función, hay que hacer la llamada a esa función desde donde se va a poner el blogroll. La mayoría de blogs suelen ponerlo en el sidebar, en el lateral donde se encuentran las opciones y demás. Pero a lo mejor a ti te interesa ponerlo en el footer o en cualquier otro lado. Yo lo que he hecho ha sido ponerlo en el sidebar y que aparezca solo en la página principal del blog. El código es:</p>
<div class="igBar"><span id="lphp-13"><a href="#" onclick="javascript:showPlainTxt('php-13'); return false;">C&oacute;digo</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-13">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">&lt;?php</span> <span style="color:#616100;">if</span> <span style="color:#006600; font-weight:bold;">&#40;</span>is_home<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006600; font-weight:bold;">&#41;</span><span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">&#123;</span> <span style="color:#000000; font-weight:bold;">?&gt;</span></div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &lt;!-- Blogroll --&gt;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &lt;div <span style="color:#000000; font-weight:bold;">class</span>=<span style="color:#FF0000;">"sb_blogroll"</span>&gt;</div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &lt;h3&gt;Blogroll&lt;/h3&gt;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &lt;ul&gt;</div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; <span style="color:#000000; font-weight:bold;">&lt;?php</span> dv_bookmarks<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#FF0000;">'category=ID'</span><span style="color:#006600; font-weight:bold;">&#41;</span>; <span style="color:#000000; font-weight:bold;">?&gt;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &lt;/ul&gt;</div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &lt;/div&gt;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">&lt;?php</span> <span style="color:#006600; font-weight:bold;">&#125;</span> <span style="color:#000000; font-weight:bold;">?&gt;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Tienes que modificar ID por el identificador de la categoría de enlaces que quieres mostrar en el blogroll. Si lo que quieres es poner todos los enlaces pertenezcan a la categoría que pertenezcan, deberías modificar esa línea de código por:</p>
<div class="igBar"><span id="lphp-14"><a href="#" onclick="javascript:showPlainTxt('php-14'); return false;">C&oacute;digo</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-14">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">&lt;?php</span> dv_bookmarks<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#FF0000;">''</span><span style="color:#006600; font-weight:bold;">&#41;</span>; <span style="color:#000000; font-weight:bold;">?&gt;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<h3>Dándole estilo</h3>
<p>Por último queda darle un poco de estilo para que quede de la forma que más nos interesa y no aparezcan como una lista de imágenes una debajo de la otra. Este es el estilo del blogroll:</p>
<div class="igBar"><span id="lcss-15"><a href="#" onclick="javascript:showPlainTxt('css-15'); return false;">C&oacute;digo</a></span></div>
<div class="syntax_hilite"><span class="langName">CSS:</span>
<div id="css-15">
<div class="css">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #808080; font-style: italic;">/* Sidebar */</span>&nbsp; </div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #cc00cc;">#sidebar <span style="color: #66cc66;">&#123;</span></span> <span style="color: #000000; font-weight: bold;">margin</span>: <span style="color: #cc66cc;color:#800000;">0</span> <span style="color: #cc66cc;color:#800000;">0</span> 20px <span style="color: #cc66cc;color:#800000;">0</span>; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; #sidebar ul <span style="color: #66cc66;">&#123;</span> <span style="color: #000000; font-weight: bold;">list-style</span>: <span style="color: #993333;">none</span>; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; #sidebar div.sb_blogroll <span style="color: #66cc66;">&#123;</span> <span style="color: #000000; font-weight: bold;">clear</span>: <span style="color: #993333;">both</span>; <span style="color: #000000; font-weight: bold;">margin</span>: 20px <span style="color: #cc66cc;color:#800000;">0</span> <span style="color: #cc66cc;color:#800000;">0</span> <span style="color: #cc66cc;color:#800000;">0</span>; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; #sidebar div.sb_blogroll ul li <span style="color: #66cc66;">&#123;</span> <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">inline</span>; <span style="color: #000000; font-weight: bold;">padding</span>: 3px; <span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<h3>Viendo el resultado</h3>
<p>Ya tenemos todos nuestros ficheros modificados. Sólo queda subirlo al servidor y ver el resultado de lo que hemos hecho. A partir de aquí pues puedes hacer todas las modificaciones que quieras: imágenes más grandes, un enlace por línea, imagen y texto del enlace igual que en el tutorial indicado al comienzo, etc. Cualquier cosa que te imagines.</p>
<p>Una último apunte. Existe el método <a href="http://codex.wordpress.org/Template_Tags/wp_list_bookmarks" title="Codex: wp_list_bookmarks()">wp_list_bookmarks()</a> que con los parámetros adecuados</p>
<div class="igBar"><span id="lphp-16"><a href="#" onclick="javascript:showPlainTxt('php-16'); return false;">C&oacute;digo</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-16">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:PROJECT;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">&lt;?php</span> wp_list_bookmarks<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#FF0000;">'title_li=&amp;categorize=0&amp;show_images=1'</span><span style="color:#006600; font-weight:bold;">&#41;</span>; <span style="color:#000000; font-weight:bold;">?&gt;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>hace una función similar a lo que hemos creado. Mucho más sencillo. El problema que me he encontrado es que no rellenaba los atributos alt y title y no he encontrado la forma de hacerlo con este método. Este es el principal problema y por el que he acabado resolviéndolo de la forma indicada. Además, con la función que hemos creado nos permite adecuar el código a nuestro gusto.</p>
<p>Como siempre, si tienes alguna duda o quieres compartir tu propia creación para ver como ha quedado el blogroll en tu web, aquí más abajo tienes los comentarios.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidvalverde.com/blog/blogroll-de-imagenes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.davidvalverde.com/blog/blogroll-de-imagenes/</feedburner:origLink></item>
		<item>
		<title>75 claves para administrar mejor tu tiempo</title>
		<link>http://feedproxy.google.com/~r/davidvalverde/~3/KIiT7Wrf-RM/</link>
		<comments>http://www.davidvalverde.com/blog/75-claves-para-administrar-mejor-tu-tiempo/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 22:00:19 +0000</pubDate>
		<dc:creator>David Valverde</dc:creator>
				<category><![CDATA[Productividad]]></category>
		<category><![CDATA[administración]]></category>
		<category><![CDATA[eficiencia]]></category>
		<category><![CDATA[Jose María Vicedo]]></category>
		<category><![CDATA[tiempo]]></category>

		<guid isPermaLink="false">http://www.davidvalverde.com/blog/?p=101</guid>
		<description><![CDATA[El tiempo es un recurso externo que pasa segundo a segundo sin que podamos hacer nada por poder controlarlo o detenerlo (por ahora). Sin embargo, lo que si podemos hacer es aprovechar cada uno de esos segundos que van pasando para llegar de forma más eficiente a los objetivos que tenemos. Todos tenemos las mismas [...]]]></description>
			<content:encoded><![CDATA[<p>El tiempo es un recurso externo que pasa segundo a segundo sin que podamos hacer nada por poder controlarlo o detenerlo (por ahora). Sin embargo, lo que si podemos hacer es aprovechar cada uno de esos segundos que van pasando para llegar de forma más eficiente a los objetivos que tenemos. Todos tenemos las mismas 24 horas cada día, pero a unos les cunde más que a otros, hacen más cosas que otros teniendo el mismo tiempo. ¿Por qué ocurre esto? Porque administran mucho mejor su tiempo.</p>
<p><img src="http://farm1.static.flickr.com/132/360135019_d30bb16877.jpg" alt="Clock- Simplicity vs. Complexity [http://www.flickr.com/photos/aarongeller/360135019/]" title="Reloj" /></p>
<p>En el post de hoy listo varias claves que te ayudarán en mejorar la administración de tu tiempo e iremos comentando cada una en las siguientes semanas. Son estas:</p>
<ol>
<li><a href="http://www.davidvalverde.com/blog/centrate-en-las-tareas-importantes/" title="Céntrate en las tareas importantes">Céntrate en las tareas importantes</a>.</li>
<li><a href="http://www.davidvalverde.com/blog/permanece-centrado-en-lo-que-estas-haciendo/" title="Permanece centrado en lo que estás haciendo">Permanece centrado en lo que estás haciendo</a>.</li>
<li><a href="http://www.davidvalverde.com/blog/la-perfeccion-absoluta-no-existe/" title="La perfección absoluta no existe">La perfección absoluta no existe</a>. No pierdas el tiempo en encontrarla.</li>
<li>Condiciónate para estar en tu estado de máximo rendimiento cuando te encuentres en tu lugar de trabajo.</li>
<li>Haz de tu lugar de trabajo un entorno agradable.</li>
<li>Comienza hábitos para vivir de forma más saludable.</li>
<li>Elige la dirección a la que vas a dirigir tu vida.</li>
<li>Metas y objetivos por escrito.</li>
<li>Fecha límite para alcanzar una meta.</li>
<li>Intenta disfrutar lo que haces.</li>
<li>Divide las tareas a realizar en otras más pequeñas.</li>
<li>Crea el hábito de planificar todos los días.</li>
<li>Prioriza las tareas diarias y enfócate primero en las más importantes.</li>
<li>Piensa siempre en resultados, no en tareas.</li>
<li>Prevé el tiempo necesario para terminar cada tarea. Incluye un tiempo "extra".</li>
<li>Evita las distracciones y enfócate en la tarea a realizar.</li>
<li>Crea el hábito de planificar el día siguiente antes de acostarte.</li>
<li>En la medida de lo posible, intenta terminar una tarea y no dejarla a medias.</li>
<li>En proyectos importantes dibuja un mapa de tareas.</li>
<li>Prepara las reuniones.</li>
<li>Aprende a lidiar con lo inesperado. Planifica mecanismos de control periódicos.</li>
<li>Genera pequeños incrementos de productividad diarios.</li>
<li>Prevé un 10-15% en imprevistos en tu planificación diaria.</li>
<li>Utiliza un sistema de planificación donde registrar todo, nada de utilizar papelitos sueltos.</li>
<li>Al final del día ordena tu lugar de trabajo.</li>
<li>Ten a mano todos los elementos para completar la tarea.</li>
<li>Archiva los papeles y no los pongas en una pila en tu mesa de trabajo.</li>
<li>Utiliza herramientas que puedan ahorrarte tiempo y ser más efectivo.</li>
<li>Comienza a realizar las tareas más complejas y pesadas primero.</li>
<li>¡Empieza ya!</li>
<li>Termina algo importante al comienzo del día.</li>
<li>Madruga.</li>
<li>Haz de la puntualidad un hábito.</li>
<li>¿Cuál es el mejor modo de usar mi tiempo ahora mismo?</li>
<li>Trabaja con consistencia.</li>
<li>Procura ajustarte al orden de importancia de las tareas diarias.</li>
<li>Las tareas rutinarias y de menor esfuerzo en las horas de menor rendimiento.</li>
<li>Toma el tiempo necesario para aprender cosas que puedan hacerte más efectivo.</li>
<li>Busca formas de simplificar y facilitar las tareas rutinarias.</li>
<li>Rétate a ti mismo en terminar las tareas antes de lo planificado. Recompénsate si lo consigues.</li>
<li>Conviértete en una persona de acción, no dejes para mañana lo que puedas y debas hacer hoy.</li>
<li>El éxito produce éxito.</li>
<li>Convierte en hábitos aquellas tareas que tienes que hacer diariamente.</li>
<li>Imagina que sólo tienes medio día para hacer el trabajo de todo un día.</li>
<li>Elimina las interrupciones personales.</li>
<li>Aprende a decir NO cuando sea necesario.</li>
<li>Elimina los desplazamientos innecesarios.</li>
<li>Agrupa las tareas pequeñas en un mismo periodo de tiempo.</li>
<li>¡Premia tus resultados!</li>
<li>Utiliza un sistema visible para medir el avance en tus proyectos.</li>
<li>Si un proyecto se te atraganta, intenta comenzar por algún punto que no sea el comienzo del proyecto.</li>
<li>Encuentra formas de reducir la energía gastada duplicando procesos creativos.</li>
<li>Actúa como tu propio entrenador y guíate hacia el objetivo final.</li>
<li>Enfréntate a los retos y dificultades plantándoles cara.</li>
<li>Delega siempre que te sea posible.</li>
<li>Establece un sistema eficiente de archivo.</li>
<li>Mantén siempre contigo tu planificador personal.</li>
<li>Crea el hábito de tomar decisiones de manera rápida y efectiva.</li>
<li>Minimiza el tiempo invertido en preparar respuestas.</li>
<li>Aprende técnicas de lectura rápida.</li>
<li>No restes importancia a los pequeños ladrones de tiempo.</li>
<li>Crea una lista para recordarte compromisos futuros que están por llegar.</li>
<li>Dedica un tiempo al final de la semana a analizar en qué estas dedicando tu tiempo.</li>
<li>Reconoce cuando es necesario un cambio de dirección.</li>
<li>Mantén un registro del tiempo que te lleva realizar cada proyecto para utilizarlo en planificaciones futuras.</li>
<li>Evalúa que tipo de tareas dejas siempre para más tarde.</li>
<li>Aprovecha la inercia que genera ponerse en movimiento.</li>
<li>Sopesa las consecuencias que conlleva postergar las tareas.</li>
<li>Comprométete con alguien a terminar las tareas.</li>
<li>Piensa antes de actuar.</li>
<li>Convierte en un juego realizar las tareas más tediosas.</li>
<li>Si quieres postergar una tarea, posterga esta decisión de abandonar para más tarde.</li>
<li>Antes de comenzar un proyecto, visualiza en tu mente que ya está terminado.</li>
<li>Cuando quieras postergar una tarea escribe las razones para postergarla y los beneficios de terminar la tarea exitosamente.</li>
<li>Piensa en alguien al que admiras por sus resultados y... ¡ponte en acción!</li>
</ol>
<p>Lista obtenida del ebook <a href="http://www.scribd.com/doc/9694788/75-Claves-Para-Administrar-Mejor-Su-Tiempo" title="Ebook: 75 claves para administrar mejor su tiempo">75 claves para administrar mejor su tiempo</a> de <a href="http://www.clubsuperacion.com/" title="Jose María Vicedo: Club superación">Jose María Vicedo</a>.</p>
<p>Foto: <a href="http://www.flickr.com/photos/aarongeller/360135019/" title="Clock- Simplicity vs. Complexity">aarongeller</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidvalverde.com/blog/75-claves-para-administrar-mejor-tu-tiempo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.davidvalverde.com/blog/75-claves-para-administrar-mejor-tu-tiempo/</feedburner:origLink></item>
		<item>
		<title>Mis 5 aplicaciones imprescindibles para Android</title>
		<link>http://feedproxy.google.com/~r/davidvalverde/~3/ESesW8nLEzo/</link>
		<comments>http://www.davidvalverde.com/blog/mis-5-aplicaciones-imprescindibles-para-android/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 22:00:26 +0000</pubDate>
		<dc:creator>David Valverde</dc:creator>
				<category><![CDATA[Varios]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[aplicaciones]]></category>
		<category><![CDATA[HTC Magic]]></category>

		<guid isPermaLink="false">http://www.davidvalverde.com/blog/?p=292</guid>
		<description><![CDATA[Hace unas tres semanas me llegó el HTC Magic, un estupendo terminal Android y uno de los primeros en comercializarse. Llevaba varias semanas con ganas de cogérmelo pero sin decidirme, hasta que lo hice y fui a por él. Creo que ha sido una buena elección porque la integración con el "universo Google" es excelente.
Pues [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://farm4.static.flickr.com/3467/3714072086_ca7660588a.jpg?v=0" alt="HTC Magic [http://www.flickr.com/photos/davidvalverde/3714072086/]" title="HTC Magic" class="alignleft"/>Hace unas tres semanas me llegó el <a href="http://www.htc.com/es/product/magic/overview.html" title="HTC Magic">HTC Magic</a>, un estupendo terminal <a href="http://www.android.com/about/" title="About Android">Android</a> y uno de los primeros en comercializarse. Llevaba varias semanas con ganas de cogérmelo pero sin decidirme, hasta que lo hice y fui a por él. Creo que ha sido una buena elección porque la integración con el "universo Google" es excelente.</p>
<p>Pues bien, después de haber estado jugando con él estas últimas semanas y probando distintas aplicaciones aquí pongo mis 5 imprescindibles por el momento, aunque cada día salen decenas de aplicaciones buenísimas en el <a href="http://www.android.com/market/" title="Android Market">Market</a>. Son éstas:</p>
<ul>
<li><strong>AContacts.</strong> Estupendo gestor de contactos. Entre sus características principales están las de organizar y buscar a los contactos por grupos, añadir una imagen a cada contacto y el recordatorio de llamada, un planificador para realizar llamadas a los contactos en las horas que tu elijas asignando una alarma para que el teléfono te avise.</li>
<li><strong>Astro File Manager.</strong> Explorador de archivos. Explora el contenido del teléfono y de la tarjeta de memoria con las funciones típicas de crear, copiar, pegar, etc. Incluso se puede hacer backup de las aplicaciones.</li>
<li><strong>Locale.</strong> Esta aplicación es fantástica. Dependiendo de tu situación física o del estado de tu móvil, realizará las tareas automáticamente que hayas programado con anterioridad. Imagínate que se baje el volumen del sonido cuando estás en tu oficina o que se desactive el GPS y baje la iluminación de la pantalla cuando la batería está al mínimo. Todo esto de forma automática.</li>
<li><strong>Meebo IM.</strong> El cliente de mensajería imprescindible. Accede a tus cuentas de Yahoo, MSN, Google Talk, etc. y ponte a chatear con todas ellas desde un mismo lugar.</li>
<li><strong>Twidroid.</strong> Si eres adicto a twitter seguro que necesitarás un cliente para la red social en tu terminal Android.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.davidvalverde.com/blog/mis-5-aplicaciones-imprescindibles-para-android/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.davidvalverde.com/blog/mis-5-aplicaciones-imprescindibles-para-android/</feedburner:origLink></item>
		<item>
		<title>Nueva versión de la web</title>
		<link>http://feedproxy.google.com/~r/davidvalverde/~3/ABSkxCqEDAA/</link>
		<comments>http://www.davidvalverde.com/blog/nueva-version-de-la-web/#comments</comments>
		<pubDate>Sun, 17 May 2009 11:18:08 +0000</pubDate>
		<dc:creator>David Valverde</dc:creator>
				<category><![CDATA[Proyectos]]></category>
		<category><![CDATA[David Valverde]]></category>
		<category><![CDATA[día internet]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.davidvalverde.com/blog/?p=283</guid>
		<description><![CDATA[Hoy se ha lanzado la nueva versión de la web tal como se venía anunciando desde hace tiempo. Hoy cumplo el segundo aniversario y elegí este día para reactivar este proyecto que se había quedado parado este último año.


Uno de los objetivos de esta nueva versión era tener un diseño más consistente entre los distintos [...]]]></description>
			<content:encoded><![CDATA[<p>Hoy se ha lanzado la nueva versión de la web tal como se venía anunciando desde hace tiempo. Hoy cumplo el segundo aniversario y elegí este día para reactivar este proyecto que se había quedado parado este último año.
<p>
<img src="http://img39.imageshack.us/img39/5638/dv201.jpg" alt="David Valverde 2.0" title="David Valverde 2.0" /></p>
<p>Uno de los objetivos de esta nueva versión era tener un diseño más consistente entre los distintos módulos que la componen, en particular entre este blog y el resto de la web y que quedara como un todo. Creo que esto se ha cumplido.</p>
<p>Otro de los objetivos era trabajar un poco la identidad de la web y uno de los pasos era crear el logo. Como verás, el diseño no es lo mio <img src='http://www.davidvalverde.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  pero quería algo sencillo, sin demasiadas florituras. Además se integra bien con mi nombre. Relacionado con esto, y como la web lleva mi nombre, también quería hacer algo de personal branding. En las páginas de <a href="http://www.davidvalverde.com/contact/" title="Contacto">Contacto</a> y <a href="http://www.davidvalverde.com/me/" title="Sobre mí">Sobre mí</a> hay algunos enlaces a redes y webs por las que me suelo mover.</p>
<p><img src="http://img38.imageshack.us/img38/4861/logofullshadow.png" alt="Logo David Valverde" title="Logo David Valverde" /></p>
<p>El último gran objetivo de la nueva versión era crear una página sencilla utilizando XHTML y CSS y un poco de JQuery para algún efecto, pero poco más, y olvidarnos por el momento de hacer el diseño en flash. Objetivo cumplido, aunque vaya lata me ha dado el dichoso Internet Explorer para que se viera la web decentemente en él.</p>
<p>Bueno, pues ahora queda crear contenido y hacer un pequeños retoques que quedan por terminar. Lo dicho, si ves algún fallo o algo a mejorar estoy abierto a sugerencias e ideas.</p>
<p>¡Re-bienvenido!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidvalverde.com/blog/nueva-version-de-la-web/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.davidvalverde.com/blog/nueva-version-de-la-web/</feedburner:origLink></item>
		<item>
		<title>Un año</title>
		<link>http://feedproxy.google.com/~r/davidvalverde/~3/FbPViah4YcQ/</link>
		<comments>http://www.davidvalverde.com/blog/un-ano/#comments</comments>
		<pubDate>Sat, 17 May 2008 17:38:43 +0000</pubDate>
		<dc:creator>David Valverde</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[aniversario]]></category>
		<category><![CDATA[David Valverde]]></category>

		<guid isPermaLink="false">http://www.davidvalverde.com/blog/un-ano/</guid>
		<description><![CDATA[Hoy, día de Internet, hace exactamente un año que comencé a escribir en el blog. Un año muy bueno tanto a nivel personal como profesional. Un año de crecimiento y continuo aprendizaje. Un año en el que pude conocer "virtualmente" a mucha gente interesante.
Y espero seguir mucho más tiempo por aquí. Tengo varios proyectos (sobre [...]]]></description>
			<content:encoded><![CDATA[<p>Hoy, <a href="http://www.davidvalverde.com/blog/dia-de-internet/" title="Día de Internet">día de Internet</a>, hace exactamente un año que <a href="http://www.davidvalverde.com/blog/hi-world/" title="Hi world!">comencé</a> a escribir en el blog. Un año muy bueno tanto a nivel <a href="http://www.davidvalverde.com/blog/naiara/" tile="Nacimiento de mi sobrina Naiara">personal</a> como <a href="http://www.davidvalverde.com/blog/nueva-etapa-profesional/" title="Trabajo en Indra">profesional</a>. Un año de crecimiento y continuo aprendizaje. Un año en el que pude conocer "virtualmente" a mucha gente interesante.</p>
<p>Y espero seguir mucho más tiempo por aquí. Tengo varios proyectos (sobre el blog, personales, etc.) que poco a poco irán saliendo. Y seguir conociendo a amigos gracias al blog. Y compartiendo conocimientos. Y seguir aprendiendo.</p>
<p>Muchas gracias a todos los que os pasáis de vez en cuando por aquí (últimamente os tengo algo abandonados). Nos leemos <img src='http://www.davidvalverde.com/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidvalverde.com/blog/un-ano/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.davidvalverde.com/blog/un-ano/</feedburner:origLink></item>
	</channel>
</rss>
