<?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>ElWebmaster.net &#187; Desarrollo web</title>
	<atom:link href="http://www.elwebmaster.net/category/desarrollo-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.elwebmaster.net</link>
	<description>Recursos, tutoriales y descargas para desarrollo y diseño web</description>
	<lastBuildDate>Sat, 30 Jan 2010 23:48:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Artículos relacionados con imágenes en miniatura para WordPress</title>
		<link>http://www.elwebmaster.net/articulos-relacionados-con-imagenes-en-miniatura-para-wordpress/</link>
		<comments>http://www.elwebmaster.net/articulos-relacionados-con-imagenes-en-miniatura-para-wordpress/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 01:04:33 +0000</pubDate>
		<dc:creator>Alfredo</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.elwebmaster.net/?p=446</guid>
		<description><![CDATA[Una de las maneras más sencillas de mostrar los artículos relacionados con una pequeña imagen al final de un post es usando el plugin Wp-Thumbie. Resulta cómodo por varias razones: No se necesitan campos personalizados en los posts, no se necesita editar el theme para que aparezcan las imágenes (aunque existe la posibilidad de ubicar el [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.elwebmaster.net%2Farticulos-relacionados-con-imagenes-en-miniatura-para-wordpress%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.elwebmaster.net%2Farticulos-relacionados-con-imagenes-en-miniatura-para-wordpress%2F&amp;source=alfredoreduarte&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: center;"><a href="http://img109.imageshack.us/img109/4362/thumbie.png"><img class="aligncenter" title="Wp-Thumbie wordpress plugin" src="http://img109.imageshack.us/img109/4362/thumbie.png" alt="Wp-Thumbie" width="450" height="144" /></a></p>
<p>Una de las maneras más sencillas de mostrar los artículos relacionados con una pequeña imagen al final de un post es usando el plugin <a title="wp-thumbie plugin posts relacionados para wordpress" href="http://www.blogsdna.com/5038/wp-thumbie-wordpress-plugin-from-blogsdna-lab.htm">Wp-Thumbie</a>.</p>
<p>Resulta cómodo por varias razones: No se necesitan campos personalizados en los posts, no se necesita editar el theme para que aparezcan las imágenes (aunque existe la posibilidad de ubicar el código para las imágenes en otro lugar). Es configurable tanto como para mostrar listas horizontales como verticales.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elwebmaster.net/articulos-relacionados-con-imagenes-en-miniatura-para-wordpress/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>4 maneras de simplificar WordPress para tus clientes</title>
		<link>http://www.elwebmaster.net/4-maneras-de-simplificar-wordpress-para-tus-clientes/</link>
		<comments>http://www.elwebmaster.net/4-maneras-de-simplificar-wordpress-para-tus-clientes/#comments</comments>
		<pubDate>Wed, 06 Jan 2010 18:15:16 +0000</pubDate>
		<dc:creator>Alfredo</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.elwebmaster.net/?p=424</guid>
		<description><![CDATA[Uno de los mayores dolores de cabeza de los desarrolladores es el momento de relegar la administración de un sitio a su propio dueño. Si bien al inicio parece que te sacas un problema de encima, unos minutos después empiezan las preguntas del cliente (o peor, él mismo se encarga de arruinar la web). En [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.elwebmaster.net%2F4-maneras-de-simplificar-wordpress-para-tus-clientes%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.elwebmaster.net%2F4-maneras-de-simplificar-wordpress-para-tus-clientes%2F&amp;source=alfredoreduarte&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Uno de los mayores dolores de cabeza de los desarrolladores es el momento de relegar la administración de un sitio a su propio dueño. Si bien al inicio parece que te sacas un problema de encima, unos minutos después empiezan las preguntas del cliente (o peor, él mismo se encarga de arruinar la web). En ese caso, a pesar de no haber una solución definitiva, hay varias cosas que puedes hacer para simplificar el panel de administración de WordPress y facilitar el trabajo al cliente.</p>
<p><strong>1- Adminize, plugin para esconder elementos del panel y gestionar privilegios.</strong></p>
<p>Lo principal es sacar elementos de la pantalla y evitar que usuarios inexpertos tengan muchos privilegios. Para eso sirve el plugin <a title="Adminize plugin para wordpress" href="http://wordpress.org/extend/plugins/adminimize/">Adminize</a>, con el que puedes ahorrar mucho espacio en el panel de administración y deshabilitar opciones o menús para ciertos usuarios.</p>
<div class="wp-caption aligncenter" style="width: 510px"><a href="http://wordpress.org/extend/plugins/adminimize/"><img class=" " title="Adminize plugin para wordpress" src="http://s.wordpress.org/extend/plugins/adminimize/screenshot-3.png?r=190647" alt="Panel de administración de wordpress simplificado con Adminize" width="500" height="248" /></a><p class="wp-caption-text">Panel de administración simplificado con el plugin Adminize</p></div>
<p><strong>2- TinyMCE, plugin para simplificar la barra de opciones del editor WYSIWYG.</strong></p>
<p>Con <a title="TinyMCE plugin para wordpress" href="http://www.laptoptips.ca/projects/tinymce-advanced/">TinyMCE</a> puedes esconder todas esas opciones avanzadas que marean a los novatos y que se encuentran en el editor de texto, así como añadir las clases CSS que tenga el theme al menú del editor (algo que a todos, no solo a los novatos, nos facilita mucho la vida). Ya que para un novato, lo más cercano al editor de texto de WordPress es Word, puedes editar la barra para que el cliente se familiarize con más facilidad.</p>
<p><strong>3- Editor de texto enriquecido para los widgets.</strong></p>
<p>Principalmente cuando en los widgets deben ir imágenes, lo primero que hará el cliente es llamar. Con este plugin puedes usar el mismo editor de posts para editar los widgets. Click en la imagen para descargar</p>
<p style="text-align: center;"><a href="http://wordpress.org/extend/plugins/rich-text-widget/"><img class="aligncenter" title="Editor de texto enriquecido para widgets en WordPress" src="http://www.designer-daily.com/wp-content/uploads/2009/10/rich-text-widget.jpg" alt="Editor de texto enriquecido para widgets en WordPress" width="450" height="270" /></a></p>
<p><strong>4- Estadísticas de Google Analytics en el panel de WordPress.</strong></p>
<p style="text-align: center;"><strong><a href="http://ronaldheft.com/code/analyticator/"><img class="aligncenter" title="Google Analyticator plugin para wordpress" src="http://www.designer-daily.com/wp-content/uploads/2009/10/google-analyticator.jpg" alt="Analyticator en el panel de control" width="450" height="206" /></a></strong></p>
<p><a title="Google Analyticator plugin estadísticas wordpress" href="http://ronaldheft.com/code/analyticator/">Analytucator</a> agrega la posibilidad de ver las estadísticas de la web sin salir del panel de WordPress, algo que cualquier cliente agradecerá.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elwebmaster.net/4-maneras-de-simplificar-wordpress-para-tus-clientes/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Excluir categorías de la lista usando query_posts</title>
		<link>http://www.elwebmaster.net/excluir-categorias-de-la-lista-usando-query_posts/</link>
		<comments>http://www.elwebmaster.net/excluir-categorias-de-la-lista-usando-query_posts/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 13:09:43 +0000</pubDate>
		<dc:creator>Andrianq</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.elwebmaster.net/?p=418</guid>
		<description><![CDATA[El siguiente tutorial es bastante específico, más adelante voy a escribir sobre las enormes posibilidades que ofrecen las etiquetas condicionales en WordPress. Si tienes instalado un plugin para crear slideshows seguramente sabes que la mayoría de estos filtran los posts basándose en categorías, es decir, el usuario indica al plugin de qué categorías tomar los [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.elwebmaster.net%2Fexcluir-categorias-de-la-lista-usando-query_posts%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.elwebmaster.net%2Fexcluir-categorias-de-la-lista-usando-query_posts%2F&amp;source=alfredoreduarte&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: center;"><a href="http://www.elwebmaster.net/wp-content/uploads/2009/08/wordpress.png"><img src="http://www.elwebmaster.net/wp-content/uploads/2009/08/wordpress-150x150.png" alt="wordpress" title="wordpress" width="150" height="150" class="alignnone size-thumbnail wp-image-421" /></a></p>
<p>El siguiente tutorial es bastante específico, más adelante voy a escribir sobre las enormes posibilidades que ofrecen las etiquetas condicionales en WordPress.</p>
<p>Si tienes instalado un plugin para crear slideshows seguramente sabes que la mayoría de estos filtran los posts basándose en categorías, es decir, el usuario indica al plugin de qué categorías tomar los posts para crear el slideshow. Y algunas veces quieres tener una categoría totalmente aparte de los posts normales, para que los posts que aparecen en el slideshow no se muestren en el loop.</p>
<p>En ese caso, necesitas excluir dicha categoría del loop en el <em>index.php</em>  y del widget de categorías (si lo usas).</p>
<p>La solución es usar query_posts en el loop y en la lista de categorías. Busca el loop del <em>index.php</em>, que debería verse así:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;?php if <span style="color: #66cc66;">&#40;</span>have_posts<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> : ?&gt;</span>
<span style="color: #009900;">&lt;?php while <span style="color: #66cc66;">&#40;</span>have_posts<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> : the_post<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>; ?&gt;</span></pre></div></div>

<p>Y agrega la siguiente línea entre las 2 anteriores:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;?php query_posts <span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;cat=-nro_de_categoria&quot;</span><span style="color: #66cc66;">&#41;</span>; ?&gt;</span></pre></div></div>

<p>Donde <em>nro_de_categoria</em> es el id de la categoría que quieres excluir, y signo &#8211; (menos) significa excluir.</p>
<p>Ahora pasemos a la lista de categorías. Busca lo siguiente en el <em>sidebar.php</em>:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">ul</span>&gt;</span>
	<span style="color: #009900;">&lt;?php if <span style="color: #66cc66;">&#40;</span> !function_exists<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'dynamic_sidebar'</span><span style="color: #66cc66;">&#41;</span></span>
<span style="color: #009900;">		|| !dynamic_sidebar<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'Men&amp;uacute; lateral'</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#41;</span> : ?&gt;</span>
	<span style="color: #009900;">&lt;?php endif; ?&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">ul</span>&gt;</span></pre></div></div>

<p>Y agrega las siguientes modificaciones:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">ul</span>&gt;</span>
        <span style="color: #009900;">&lt;?php if <span style="color: #66cc66;">&#40;</span> !function_exists<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'dynamic_sidebar'</span><span style="color: #66cc66;">&#41;</span></span>
<span style="color: #009900;">		|| !dynamic_sidebar<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'nombre_de_tu_sidebar'</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#41;</span> : ?&gt;</span>
	<span style="color: #009900;">&lt;?php endif; ?&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">li</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">h2</span>&gt;</span>Categorías<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">h2</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">ul</span>&gt;</span>
			<span style="color: #009900;">&lt;?php wp_list_categories<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'exclude=nro_de_categoria'</span><span style="color: #66cc66;">&#41;</span>; ?&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">ul</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">ul</span>&gt;</span></pre></div></div>

<p>Donde <em>nro_de_categoria</em> es el id de la categoría a excluir</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elwebmaster.net/excluir-categorias-de-la-lista-usando-query_posts/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Separar los comentarios de los trackbacks</title>
		<link>http://www.elwebmaster.net/separar-los-comentarios-de-los-trackbacks/</link>
		<comments>http://www.elwebmaster.net/separar-los-comentarios-de-los-trackbacks/#comments</comments>
		<pubDate>Thu, 23 Jul 2009 22:48:08 +0000</pubDate>
		<dc:creator>Alfredo</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.elwebmaster.net/?p=404</guid>
		<description><![CDATA[Muchas veces los lectores quieren ver los comentarios sin tener que molestarse en saltar los trackbacks y pingbacks, todos mezclados y desordenados. Lo mejor que puedes hacer por ellos es separarlos, para que cada quien elija lo que quiere ver. Es muy sencillo, y en poco tiempo voy a implementarlo aquí, ya sea en este [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.elwebmaster.net%2Fseparar-los-comentarios-de-los-trackbacks%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.elwebmaster.net%2Fseparar-los-comentarios-de-los-trackbacks%2F&amp;source=alfredoreduarte&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Muchas veces los lectores quieren ver los comentarios sin tener que molestarse en saltar los trackbacks y pingbacks, todos mezclados y desordenados. Lo mejor que puedes hacer por ellos es separarlos, para que cada quien elija lo que quiere ver. Es muy sencillo, y en poco tiempo voy a implementarlo aquí, ya sea en este o en el siguiente theme.</p>
<p>En el archivo comments.php busca el loop de los comentarios, que se ve básicamente así:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;?php foreach <span style="color: #66cc66;">&#40;</span>$comments as $comment<span style="color: #66cc66;">&#41;</span> : ?&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">em</span>&gt;</span>Los comentarios aparecen aquí...<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">em</span>&gt;</span>
<span style="color: #009900;">&lt;?php endforeach; ?&gt;</span></pre></div></div>

<p>Lo que necesitas es crear dos condicionales, que filtren los comentarios según tipo. Uno que muestre los que son del tipo &#8220;comment&#8221; y otro que muestre los que no son.</p>
<p>Suponiendo que tienes los comentarios en forma de lista, el código sería así:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">ul</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;listadecomentarios&quot;</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">li</span>&gt;</span>//Código para los comentarios<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">ul</span>&gt;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.elwebmaster.net/separar-los-comentarios-de-los-trackbacks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Menú en jQuery estilo iPod</title>
		<link>http://www.elwebmaster.net/menu-en-jquery-estilo-ipod/</link>
		<comments>http://www.elwebmaster.net/menu-en-jquery-estilo-ipod/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 02:26:16 +0000</pubDate>
		<dc:creator>Alfredo</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.elwebmaster.net/?p=389</guid>
		<description><![CDATA[Últimamente ando buscando plugins para algunas cosas que tengo en mente (si esas ideas se materializan en alguna web voy a presentarlas aquí orgullosamente). Me pareció bastante bueno el menú estilo iPod basado en jQuery, hecho por los de Filament Group. Presenta varias opciones, como incluir el botón atrás en cada subnivel, incluir la dirección [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.elwebmaster.net%2Fmenu-en-jquery-estilo-ipod%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.elwebmaster.net%2Fmenu-en-jquery-estilo-ipod%2F&amp;source=alfredoreduarte&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Últimamente ando buscando plugins para algunas cosas que tengo en mente (si esas ideas se materializan en alguna web voy a presentarlas aquí orgullosamente). Me pareció bastante bueno el <a href="http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/">menú estilo iPod basado en jQuery, hecho por los de Filament Group</a>.</p>
<p style="text-align: center;"><a href="http://img229.imageshack.us/img229/6582/ipodstylemenu.png"><img class="aligncenter" src="http://img229.imageshack.us/img229/6582/ipodstylemenu.png" alt="" width="231" height="272" /></a></p>
<p>Presenta varias opciones, como incluir el botón atrás en cada subnivel, incluir la dirección actual en una especie de header, etc.</p>
<p><a href="http://www.filamentgroup.com/examples/menus/fg-menu.zip"><img class="alignnone size-full wp-image-242" title="download" src="http://www.elwebmaster.net/wp-content/uploads/2009/05/download.png" alt="download" width="32" height="32" /></a><a href="http://www.filamentgroup.com/examples/menus/fg-menu.zip">Descargar el script con su CSS, y un HTML de ejemplo</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.elwebmaster.net/menu-en-jquery-estilo-ipod/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Aprovéchate de Twitter para promocionar tu web</title>
		<link>http://www.elwebmaster.net/aprovechate-de-twitter-para-promocionar-tu-web/</link>
		<comments>http://www.elwebmaster.net/aprovechate-de-twitter-para-promocionar-tu-web/#comments</comments>
		<pubDate>Tue, 14 Jul 2009 14:50:06 +0000</pubDate>
		<dc:creator>Alfredo</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.elwebmaster.net/?p=365</guid>
		<description><![CDATA[Sí, Twitter no es sólo para que estés mirando los updates ajenos como zombie. Existen herramientas con las que sin gastar nada podemos conseguir un considerable aumento en las visitas. Con AutoTweet, Tweet Adder y TweetMeme se hace mucho más fácil dispersar nuestros posts por la web, con la ayuda de nuestros propios lectores. Y [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.elwebmaster.net%2Faprovechate-de-twitter-para-promocionar-tu-web%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.elwebmaster.net%2Faprovechate-de-twitter-para-promocionar-tu-web%2F&amp;source=alfredoreduarte&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Sí, Twitter no es sólo para que estés mirando los updates ajenos como zombie. Existen herramientas con las que sin gastar nada podemos conseguir un considerable aumento en las visitas.</p>
<p>Con AutoTweet, Tweet Adder y TweetMeme se hace mucho más fácil dispersar nuestros posts por la web, con la ayuda de nuestros propios lectores. Y mucho más sencillo si estás usando WordPress (quién no?).</p>
<p><strong>AutoTweet:</strong></p>
<p>Plugin para WordPress que, luego de asociarlo a nuestra cuenta de usuario, enviará un tweet automáticamente incluyendo el título del post y un link acortado con TinyURL.</p>
<p><a href="http://downloads.wordpress.org/plugin/auto-tweet.2.1.zip"><img class="alignnone size-full wp-image-242" title="download" src="http://www.elwebmaster.net/wp-content/uploads/2009/05/download.png" alt="download" width="32" height="32" /></a>Descargar AutoTweet</p>
<p><strong>TweetMeme:</strong></p>
<p>Añade un botón para que los lectores puedan hacer retweet de la entrada. Muy útil si sabes escribir posts realmente interesantes XD Viene en 2 formatos: línea de javascript y plugin para WordPress.</p>
<p>Si no usas WordPress, la línea de código es la siguiente:</p>
<blockquote><p>&lt;script type=&#8221;text/javascript&#8221; src=&#8221;http://tweetmeme.com/i/scripts/button.js&#8221;&gt;&lt;/script&gt;</p></blockquote>
<p><a href="http://downloads.wordpress.org/plugin/tweetmeme.1.4.3.zip"><img class="alignnone size-full wp-image-242" title="download" src="http://www.elwebmaster.net/wp-content/uploads/2009/05/download.png" alt="download" width="32" height="32" /></a>Descargar Plugin TweetMeme para WordPress</p>
<p><strong>Tweet Adder:</strong></p>
<p>Sirve para buscar usuarios y seguirlos. Tiene filtros por idioma, keywords (en la bio y en los tweets), ubicación y distancia con respecto a la ubicación que especifiques. Si bien es un programa pago, la versión demo permite añadir a los primeros 50 usuarios que encuentres con el filtro. Lo único que debes hacer es desinstalar el programa, borrarlo del registro y volver a usarlo. También tiene una versión compatible con Mac.</p>
<p><img class="alignnone size-full wp-image-242" title="download" src="http://www.elwebmaster.net/wp-content/uploads/2009/05/download.png" alt="download" width="32" height="32" />Descargar Tweet Adder</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elwebmaster.net/aprovechate-de-twitter-para-promocionar-tu-web/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>5 tutoriales para crear tooltips con Jquery</title>
		<link>http://www.elwebmaster.net/5-tutoriales-para-crear-tooltips-con-jquery/</link>
		<comments>http://www.elwebmaster.net/5-tutoriales-para-crear-tooltips-con-jquery/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 10:00:58 +0000</pubDate>
		<dc:creator>Alfredo</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Tutoriales]]></category>

		<guid isPermaLink="false">http://www.elwebmaster.net/?p=344</guid>
		<description><![CDATA[Unos proyectos en desarrollo me llevaron a buscar tutoriales para hacer tooltips, y como verán hay de todo, simples, animados, minimalistas, feos, etc. Aquí va una lista de los que me parecieron más interesantes Animated hover effect &#8211; Webdesignerwall En el tutorial no dicen que es un tooltip, pero puede ser usado como tal. Son [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.elwebmaster.net%2F5-tutoriales-para-crear-tooltips-con-jquery%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.elwebmaster.net%2F5-tutoriales-para-crear-tooltips-con-jquery%2F&amp;source=alfredoreduarte&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Unos proyectos en desarrollo me llevaron a buscar tutoriales para hacer tooltips, y como verán hay de todo, simples, animados, minimalistas, <span style="text-decoration: line-through;">feo</span>s, etc. Aquí va una lista de los que me parecieron más interesantes</p>
<p><strong>Animated hover effect &#8211; Webdesignerwall</strong></p>
<p>En el tutorial no dicen que es un tooltip, pero puede ser usado como tal. Son los ítems 5a y 6a de la lista.</p>
<p style="text-align: center;"><a style="text-decoration: none;" href="http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/"><img class="aligncenter" src="http://img268.imageshack.us/img268/4803/webdesignerwall.gif" alt="" width="320" height="240" /></a></p>
<p style="text-align: center;"><a href="http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/">Tutorial</a> &#8211; <a href="http://www.webdesignerwall.com/demo/jquery/animated-hover1.html">Demo</a></p>
<p style="text-align: center;">
<p style="text-align: left;"><strong>Coda Popup Bubbles &#8211; Jqueryfordesigners</strong></p>
<p style="text-align: center;"><a href="http://jqueryfordesigners.com/coda-popup-bubbles/"><img class="aligncenter" src="http://img195.imageshack.us/img195/464/codabubble.jpg" alt="" width="320" height="109" /></a></p>
<p style="text-align: center;"><a href="http://jqueryfordesigners.com/coda-popup-bubbles/">Tutorial</a> &#8211; <a href="http://jqueryfordesigners.com/demo/coda-bubble.html">Demo</a></p>
<p style="text-align: center;">
<p style="text-align: left;"><strong>Simple tooltip with CSS and Jquery &#8211; Kriesi.at</strong></p>
<p style="text-align: center;"><a href="http://www.kriesi.at/archives/create-simple-tooltips-with-css-and-jquery"><img class="aligncenter" src="http://img31.imageshack.us/img31/329/kriesi.png" alt="" width="320" height="131" /></a></p>
<p style="text-align: center;"><a href="http://www.kriesi.at/archives/create-simple-tooltips-with-css-and-jquery">Tutorial</a> &#8211; <a href="http://www.kriesi.at/wp-content/extra_data/tooltip_tutorial/step1.html">Demo</a></p>
<p style="text-align: center;">
<p style="text-align: left;"><strong>Better tooltip with Jquery awesomeness &#8211; Net tuts</strong></p>
<p style="text-align: center;"><a href="http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/"><img class="alignnone" src="http://img41.imageshack.us/img41/2416/200x200w.jpg" alt="" width="200" height="200" /></a></p>
<p style="text-align: center;"><a href="http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/">Tutorial</a> &#8211; <a href="http://nettuts.s3.amazonaws.com/234_tooltip/Demo/index.html">Demo</a></p>
<p style="text-align: center;">
<p style="text-align: left;"><strong>Simple tooltip powered by Jquery &#8211; 3nhaced.com</strong></p>
<p style="text-align: center;"><a href="http://3nhanced.com/javascript/simple-tooltip-powered-by-jquery/"><img class="aligncenter" src="http://img31.imageshack.us/img31/5295/tooltip.png" alt="" width="247" height="110" /></a></p>
<p style="text-align: center;"><a href="http://3nhanced.com/javascript/simple-tooltip-powered-by-jquery/">Tutorial</a> &#8211; <a href="http://3nhanced.com/examples/tooltip/">Demo</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.elwebmaster.net/5-tutoriales-para-crear-tooltips-con-jquery/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Links con iconos usando condicionales CSS</title>
		<link>http://www.elwebmaster.net/links-con-iconos-usando-condicionales-css/</link>
		<comments>http://www.elwebmaster.net/links-con-iconos-usando-condicionales-css/#comments</comments>
		<pubDate>Thu, 25 Jun 2009 10:30:40 +0000</pubDate>
		<dc:creator>Alfredo</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutoriales]]></category>

		<guid isPermaLink="false">http://www.elwebmaster.net/?p=328</guid>
		<description><![CDATA[Algo que queda muy bien y sirve para guiar a los usuarios: iconos distintos para links a tipos de archivo específicos: Un ícono para los PDF, otro para los ZIP, y hasta para links salientes a otros sitios. Obviamente lo ideal es que los íconos aparezcan automáticamente para cada link, y no estar cargándolos manualmente. [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.elwebmaster.net%2Flinks-con-iconos-usando-condicionales-css%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.elwebmaster.net%2Flinks-con-iconos-usando-condicionales-css%2F&amp;source=alfredoreduarte&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: center;"><img class="size-full wp-image-86 aligncenter" title="css_html_tricks" src="http://www.elwebmaster.net/wp-content/uploads/2009/04/css_html_tricks.jpg" alt="css_html_tricks" width="267" height="153" /></p>
<p>Algo que queda muy bien y sirve para guiar a los usuarios: iconos distintos para links a tipos de archivo específicos: Un ícono para los PDF, otro para los ZIP, y hasta para links salientes a otros sitios. Obviamente lo ideal es que los íconos aparezcan automáticamente para cada link, y no estar cargándolos manualmente.</p>
<p>Si no sabías cómo hacer esto usando solamente CSS, te comento que resulta estúpidamente sencillo:</p>
<p>Lo principal es entender el simple funcionamiento de los <strong>condicionales</strong> &#8220;<strong>^</strong>&#8221; y &#8220;<strong>$</strong>&#8220;. El condicional &#8220;<strong>^</strong>&#8221; significa <em>empieza con</em>, y &#8220;$&#8221; significa<em> termina con.</em></p>
<p>Sabiendo eso puedes <strong>añadir iconos a los links salientes</strong>, que son los que empiezan con <em>http://</em></p>
<blockquote><p><em>a</em><strong>[href^="http://"]</strong><em> {</em></p>
<p><em>estilos para los links salientes</em></p>
<p><em>}</em></p></blockquote>
<p>Y también puedes añadir cualquier cosa a los links con extensiones específicas, en este caso daremos un estilo diferente a todos los links que terminan en .rar:</p>
<blockquote><p><em>a</em><strong>[href$=".rar"]</strong><em> {</em></p>
<p><em>estilos para los links a archivos .rar</em></p>
<p><em>}</em></p></blockquote>
<p>El resto es solo cuestión de experimentar un poco, los condicionales funcionan con cualquier navegador medianamente nuevo.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elwebmaster.net/links-con-iconos-usando-condicionales-css/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Paz y tranquilidad sin usar nofollow</title>
		<link>http://www.elwebmaster.net/paz-y-tranquilidad-sin-usar-nofollow/</link>
		<comments>http://www.elwebmaster.net/paz-y-tranquilidad-sin-usar-nofollow/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 12:15:16 +0000</pubDate>
		<dc:creator>Alfredo</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.elwebmaster.net/?p=323</guid>
		<description><![CDATA[Hace un tiempo había anunciado que el nofollow es una porquería no sirve e implementé el plugin NoFollowFree, dejando a Akismet todo el trabajo de filtrado. Pasó casi un mes y no tuve mayores problemas, solamente algún que otro comentario dudoso que tuve que marcar como spam&#8230; pero bueno, alguien tiene que hacerlo. Espero que el [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.elwebmaster.net%2Fpaz-y-tranquilidad-sin-usar-nofollow%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.elwebmaster.net%2Fpaz-y-tranquilidad-sin-usar-nofollow%2F&amp;source=alfredoreduarte&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Hace un tiempo había anunciado que <a href="http://www.elwebmaster.net/5-razones-para-no-usar-nofollow/">el nofollow </a><span style="text-decoration: line-through;"><a href="http://www.elwebmaster.net/5-razones-para-no-usar-nofollow/">es una porquería</a></span><a href="http://www.elwebmaster.net/5-razones-para-no-usar-nofollow/"> no sirve</a> e implementé el plugin <a href="http://www.michelem.org/wordpress-plugin-nofollow-free/">NoFollowFree</a>, dejando a Akismet todo el trabajo de filtrado.</p>
<p>Pasó casi un mes y no tuve mayores problemas, solamente algún que otro comentario dudoso que tuve que marcar como spam&#8230; pero bueno, alguien tiene que hacerlo. Espero que el nofollow sea erradicado de a poco, por lo menos entre los webmasters y demás gente entendida.</p>
<p>Con respecto a la pausa que hubo luego de un largo tiempo de postear casi todos los días, les informo que estoy preparando para dentro de 1 o 2 días un post con trucos css que seguramente a más de uno le servirán.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elwebmaster.net/paz-y-tranquilidad-sin-usar-nofollow/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Todas las herramientas SEO en una sola web</title>
		<link>http://www.elwebmaster.net/todas-las-herramientas-seo-en-una-sola-web/</link>
		<comments>http://www.elwebmaster.net/todas-las-herramientas-seo-en-una-sola-web/#comments</comments>
		<pubDate>Thu, 04 Jun 2009 12:49:57 +0000</pubDate>
		<dc:creator>Alfredo</dc:creator>
				<category><![CDATA[Alexa]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.elwebmaster.net/?p=319</guid>
		<description><![CDATA[Hacer SEO puede resultar bastante tedioso y estresante. Es por eso que los webmasters agradecemos infinitamente herramientas como la que provee dnframe.com, con más de 60 datos acerca del dominio que desees: Page Rank, Alexa Rank, una calificación entre 1 y 10 para tus etiquetas title y tus keywords, Page Rank. Alexa Rank. Calidad del [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.elwebmaster.net%2Ftodas-las-herramientas-seo-en-una-sola-web%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.elwebmaster.net%2Ftodas-las-herramientas-seo-en-una-sola-web%2F&amp;source=alfredoreduarte&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Hacer SEO puede resultar bastante tedioso y estresante. Es por eso que los webmasters agradecemos infinitamente herramientas como la que provee <a title="Dnframe.com" href="http://www.dnfame.com/">dnframe.com</a>, con más de 60 datos acerca del dominio que desees: Page Rank, Alexa Rank, una calificación entre 1 y 10 para tus etiquetas title y tus keywords,</p>
<ul>
<li><a href="http://www.elwebmaster.net/category/seo/">Page Rank</a>.</li>
<li><a href="http://www.elwebmaster.net/aumentar-el-alexa-rank/">Alexa Rank</a>.</li>
<li>Calidad del nombre de dominio, tamaño total de HTML, cantidad de palabras en los keywords y la descripción: Todo con una calificación que puede ir del 1 al 10.</li>
<li>Validación HTML, CSS y RSS.</li>
<li>Cantidad de páginas indexadas por los buscadores.</li>
<li>Velocidad de carga.</li>
<li>Backlinks y páginas indexadas en marcadores sociales como <a href="http://del.icio.us/post?url=http://www.elwebmaster.net/todas-las-herramientas-seo-en-una-sola-web/">Delicious</a>, <a href="http://digg.com/submit?url=http://www.elwebmaster.net/todas-las-herramientas-seo-en-una-sola-web/&amp;title=Todas%20las%20herramientas%20SEO%20en%20una%20sola%20web&amp;bodytext=%3Cp%3EHacer%20SEO%20puede%20resultar%20bastante%20tedioso%20y%20estresante.%20Es%20por%20eso%20que%20los%20webmasters%20agradecemos%20infinitamente%20herramientas%20como%20la%20que%20provee%20dnframe.com,%20con%20m%C3%A1s%20de%2060%20datos%20acerca%20del%20dominio%20que%20desees:%20Page%20Rank,%20Alexa%20Rank,%20una%20calificaci%C3%B3n%20entre%201%20y%2010%20para%20tus%20etiquetas%20title%20y%20tus%20keywords,%3C/p%3E%3Cp%3EPage%20Rank.%3Cbr%20/%3EAlexa%20Rank.%3Cbr%20/%3ECalidad%20del%20nombre%20de%20dominio,%20[...]%3C/p%3E&amp;media=news&amp;topic=design">Digg</a>, Webeame, Reddit, etc.</li>
</ul>
<p style="text-align: center;"><a href="http://www.dnfame.com/"><img class="aligncenter" src="http://img200.imageshack.us/img200/5848/rank.png" alt="" width="450" height="381" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.elwebmaster.net/todas-las-herramientas-seo-en-una-sola-web/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
