<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>Bitacoras.com: canal "templates"</title>
	<atom:link href="http://bitacoras.com/feed/canales/templates" rel="self" type="application/rss+xml" />
	<link>http://bitacoras.com/feed/canales/templates</link>
	<description>Se muestran las ultimas 20 anotaciones para el canal "templates"</description>
	<copyright>Copyright 2008</copyright>
	<pubDate>Wed, 25 Jun 2008 06:00:37 +0200</pubDate>
	<generator>Bitacoras.com/2.0</generator>
	<image>
		<url>http://bitacoras.com/public/images/logo.png</url>
		<title>Bitacoras.com: canal "templates"</title>
		<link>http://bitacoras.com/feed/canales/templates</link>
	</image>
	<item>
		<dc:creator>Diego Cabai</dc:creator>
		<title>C&#243;mo instalar un Foro phpBB3 Completo? Qu&#233; tengo que hacer?</title>
		<link>http://www.cabai.com.ar/2008/06/cmo-instalar-un-foro-phpbb3-completo-qu-tengo-que-hacer.html</link>
		<guid isPermaLink="true">http://www.cabai.com.ar/2008/06/cmo-instalar-un-foro-phpbb3-completo-qu-tengo-que-hacer.html</guid>
		<pubDate>Wed, 25 Jun 2008 06:00:37 +0200</pubDate>
		<category>blogging</category>
		<category>tutoriales</category>
		<category>codigo</category>
		<category>configurar</category>
		<category>disea</category>
		<description><![CDATA[Por Diego Cabai en Diego Cabai Blog el 25 de junio de 2008 a las 06:00:37

Algunos documentos o tutoriales te cuentan cómo instalar el producto phpBB para armar tu primer y propio foro de discución, pero no encontré en ningún lado algo que me diga TODO lo que hay que hacer para dejarlo funcionando y en producción con los mods, plugins o extensiones mínimas para que funcione correct &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/dcabai">Diego Cabai</a> en <a href="http://bitacoras.com/bitacora/www.cabai.com.ar">Diego Cabai Blog</a> el 25 de junio de 2008 a las 06:00:37</p>

<p><br /><br /><div style="margin:0 10px 2px 0; float:left"></div><br /><br /><p>Algunos documentos o tutoriales te cuentan cómo instalar el producto phpBB para armar tu primer y propio foro de discución, pero no encontré en ningún lado algo que me diga TODO lo que hay que hacer para dejarlo funcionando y en producción con los mods, plugins o extensiones mínimas para que funcione correctamente. Por ejemplo, uno no puede instalar un foro y no utilizar herramientas de SEO, por defecto no viene y los links no son amigables, por ende hay que instalar algo para ocuparse del SEO en tu foro. La idea de este artículo surgió porque hace muy poco instalé phpBB para mi propio <a href="http://www.cabai.com.ar/foro" target="_blank">foro de discución de WSUS</a>, podes ingresar haciendo click o desde el menú. Luego de instalarlo tuve que ocupar mucho de mi tiempo investigando qué era necesario instalar luego de terminar con el asistente de phpBB. Como dije antes, por defecto hay muchas cosas “necesarias y básicas” que no vienen y hay que agregarlas aparte. Acá te voy a contar todo lo que yo agregué y configuré para poder dejar el foro bien completo y productivo.     </p><br /><br /><p><strong>Instalación</strong>: Para poder instalar nuestro propio foro, necesitamos un hosting propio. Esto se contrata y cada uno puede optar por diferentes compañías para el mismo. Lo que si debes tener en cuenta es que soporte PHP y MySQL en lo posible que es lo mas standard y estable. Ahora bien, cuando ya tenemos nuestro propio hosting, seguramente tendremos acceso por FTP. <span id="more-495"></span>Deberemos subir el paquete de instalación de phpBB3 para poder empezar a tener nuestro foro. De donde sacamos este paquete? Bueno podemos ir a la página de <a href="http://www.phpbb.com/downloads/" target="_blank">Descargas de phpBB.com</a>. Ahí seleccionamos el paquete en <code>.zip</code> o <code>tar.bz2</code>, el que mas nos guste ya que deberemos descomprimirlo en nuestro equipo. Esa sería la siguiente tarea, lo descomprimimos y así con la estructura de carpetas que genera debemos subirlo a nuestro hosting al raíz de donde querramos que esté nuestro foro. Ya sea en el raíz del sitio web o bien en una carpeta de la misma como en mi caso <code>/foro/</code>. Esto lo hacemos nuevamente con el cliente FTP que mas nos guste. Aquí podemos optar por subir el pack de idioma antes de instalar el phpBB en nuestro servidor. Si quieres seguir los pasos de instalación en español, pasa al siguiente ítem y luego vuelve a seguir con los pasos de instalación.  </p><br /><br /><p>Antes de instalar siempre es bueno recordar los requisitos mínimos. Los mismos los puedes ver en <a href="http://www.phpbb.com/support/documentation/3.0/quickstart/quick_requirements.php" target="_blank">este link</a>. Debemos tener la base de datos creada antes de empezar con el asistente de instalación. Podemos solicitarla a nuestro hosting que la cree o bien si sabemos como hacerlo podemos crearla nosotros mismos. Debemos recordar el nombre de la base, como el usuario y contraseña que tienen acceso a la misma ya que deberemos introducirlo en el asistente de la instalación del foro.     </p><br /><br /><p><a href="http://www.cabai.com.ar/images/posts/InstalandounForophpBB3Qutengoquehacer_D5B1/image.png"><img title="image" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 0px 0px 10px; border-right-width: 0px" height="167" alt="image" src="http://www.cabai.com.ar/images/posts/InstalandounForophpBB3Qutengoquehacer_D5B1/image_thumb.png" width="244" align="right" border="0" /></a> Una vez que tenemos la base creada, subimos la carpeta de phpBB3 que descomprimimos, tanto en el raíz o bien en alguna carpeta como mencioné antes. Luego de todo eso apuntamos nuestro navegador de internet a <code>http://tu-sitio/install</code> o <code>http://tu-sitio/foro/install</code>, etc. simplemente luego de la ruta donde lo instalaste agregale el <code>/install</code> y abrirá el asistente de instalación. En caso de que hayas copiado el idioma español como yo verás en el menú de arriba a la derecha la opción para cambiarlo a Español. Hacé click en la imágen para verlo mas en detalle.     </p><br /><br /><p>El asistente de instalación es bastatne simple, sólo debemos seguir los pasos que nos va preguntando. En principio vamos a la solapa INSTALAR y seguimos una a una las preguntas que nos hace. Recuerda si no conoces los datos de la base de datos porque la creó el Hosting, puedes preguntarle a ellos. Las opciones que vienen por defecto sirven para instalar perfectamente el producto.     </p><br /><br /><p>Una vez finalizado nos llevará al panel de administración de nuestro foro. Veremos un recuadro rojo que nos recuerda que debemos borrar el directorio install de nuestro sitio. Para esto debemos usar el cliente de FTP que querramos o desde el mismo hosting tal vez se pueda hacer. Simplemente borra la carpeta <code>/install.</code>     </p><br /><br /><p>Listo, el phpBB3 ya está instalado y operativo, ahora falta configurar algunos parámetros básicos, modificar algunos ítems, agregar otros y quedará terminado.     </p><br /><br /><p><img title="image" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 0px 0px 10px; border-right-width: 0px" height="153" alt="image" src="http://www.cabai.com.ar/images/posts/InstalandounForophpBB3Qutengoquehacer_D5B1/image_3.png" width="259" align="right" border="0" /> <strong>Idioma/Traducción</strong>: Este ítem lo podemos hacer antes o después de la instalación. Si lo hacemos antes de la instalación podremos ver la instalación en nuestro idioma lo que para algunos tal vez les sea de mucha utilidad. Hay un muy buen pack de Español Argentina, aunque también hay Español neutral. Los idiomas los vas a encontrar en la <a href="http://www.phpbb.com/languages/" target="_blank">página de phpBB.com</a>. Ahí bajas un comprimido que tenes que descomprimir en la carpeta <code>languages/</code> de tu instalación de phpBB3. También vas a ver los paquetes de las traducciones de los themes que vienen por defecto, subsilver2 y prosilver. Si te interesa usar uno de esos en español, te recomiendo que también te bajes ese paquete de idioma y lo instales en la ruta del template de tu foro. Luego en General » Parámetros del Sitio podemos seleccionar el idioma por defecto.     </p><br /><br /><div style="margin:0 0 2px 10px; float:right"></div><br /><br /><p><strong>Opciones Básicas</strong>: Luego de configurar el idioma y de haber instalado el producto nos queda configurar algunos parámetros básicos.     </p><br /><br /><p><u>General » Parámetros de Adjuntos</u>: Este ítem es importante porque puede afectar directamente al espacio que tenes contratado con tu hosting. Modifica los valores de archivos y espacio total según el espacio que tu hayas contratado.     <br /><u>General » Parámetros del Sitio</u>: Aquí vas a definir el nombre del sitio, la descripción, el idioma por defecto, formato de fecha y el estilo por omisión. También tenemos el ítem de si queremos que sustituya la configuración de los usuarios.     <br /><u>General » Características del Sitio</u>: Configuraciones varias sobre si permitimos o no ciertas acciones dentro de nuestro foro.     <br /><u>General » Parámetros de Post</u>: Algunos parámetros varios sobre los posts de nuestro foro.     <br /><u>General » Parámetros de Firma</u>: Este punto es importante a la hora de la firma de los usuarios porque puede variar en el espacio que ocupe nuestra instalación como así también el tiempo que demore en cargar el sitio.     <br /><u>General » Parámetros de Registración de Usuarios</u>: Aquí podemos definir si queremos o no una activación de las cuentas cuando se registren y las propiedades de las contraseñas.     </p><br /><br /><p><img title="image" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 0px 0px 10px; border-right-width: 0px" height="116" alt="image" src="http://www.cabai.com.ar/images/posts/InstalandounForophpBB3Qutengoquehacer_D5B1/image_4.png" width="135" align="right" border="0" /> <strong>Google Analytics</strong>: Cómo llevar un seguimiento y estadísticas de nuestro Foro? Simple, lo agregamos a Google Analytics. Para esto debemos primero registrarnos en Analytics y agregar nuestro Foro como nuevo perfil. Nos va a dar un código que debemos agregar a nuestro sitio. Una vez que tenemos ese código vamos al sitio de Administración de nuestro foro » Estilos » Plantillas y ahí hacemos click en Editar. De la lista de archivos que se despliegan buscamos <code>overall_footer.html</code>. Vamos abajo de todo y justo antes del <code></body></code> pegamos el código que copiamos de Analytics. Con eso listo ya tenemos las estadísticas cargadas. Podemos comprobarlo desde la página de Google Analytics en el botón comprobar estado.     </p><br /><br /><p><strong>SEO</strong>: Para quienes no saben SEO es lo que nos va a ayudar para que nuestro Foro esté visible desde los buscadores. Si bien el Sitemap es muy importante, el SEO es muy importante también, por eso se debe instalar el MOD para poder configurar SEO en nuestro foro. Este mod es un poco mas complicado de configurar e instalar pero recomiendo que se tomen su tiempo ya que puede ser de mucha utilidad. La ultima versión del mod se puede bajar de <a href="https://startrekguide.bountysource.com/downloads" target="_blank">este link</a>. Simplemente debes seguir las instrucciones que vienen en el archivo. Es algo complicado de implementar pero te puede ahorrar mucho trabajo para que el contenido de tu foro esté en los mejores buscadores.     </p><br /><br /><p><img title="image" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 0px 0px 10px; border-right-width: 0px" height="161" alt="image" src="http://www.cabai.com.ar/images/posts/InstalandounForophpBB3Qutengoquehacer_D5B1/image_5.png" width="259" align="right" border="0" /> <strong>Sitemap</strong>: El Sitemap es muy importante para los buscadores como Google ya que ayuda muchísimo a mejorar la indexación del mismo. Esto en un foro es super importante. Hay mas info sobre este tema en: <a href="http://www.cabai.com.ar/2007/11/mejorar-la-indexacin-en-google-de.html">Mejorar la indexación en Google de nuestro Sitio/Blog</a>. Ahora, para agregarlo a nuestro foro sólo debemos instalar el siguiente MOD: <a href="http://www.commexcomputers.com/downloads/" target="_blank">Google Sitemap Generator</a>. Se deben seguir las instrucciones que vienen en el archivo para instalarlo, es muy simple y sencillo, no hay que modificar archivos de instalación, por lo que es un MOD extra simple. Eso si, antes deben registrarse en <a href="www.google.com/webmasters/tools/?PHPSESS=dd6cc088ecedf2625b399d8e03c5d0a3" target="_blank">Google Webmaster Tools</a>. Recomiendo antes de habilitar este MOD, instalar el de SEO ya que seguramente modificará los links a los foros y esto repercute en el Sitemap directamente.     </p><br /><br /><p><img title="image" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 0px 0px 10px; border-right-width: 0px" height="244" alt="image" src="http://www.cabai.com.ar/images/posts/InstalandounForophpBB3Qutengoquehacer_D5B1/image_6.png" width="233" align="right" border="0" /> <strong>Videos</strong>: Por defecto phpBB no toma los videos como embebidos en el post o en el foro. Para esto debemos agregar un nuevo bbcode y subir un archivo adicional a la instalación básica. El archivo que necesitamos lo podemos bajar de <a href="http://fplace.atwebpages.com/video_bbcode.tar" target="_blank">este link</a>. Lo descomprimimos y subimos el archivo <code>video.php</code> a raíz de la instalación de nuestro foro. Luego debemos seguir los pasos que figuran en el archivo Readme. Básicamente debemos ir al Panel de Control de Administración » Posts » BBCodes » Agregar un nuevo BBCode. Ahí completamos en el primer recuadro <code>[video]{TEXT}[/video]</code>, en el segundo <code><script type="text/javascript" src="video.php?link={TEXT}"></script></code> y en el tercero <code>Nota: [video]link[/video]</code>. Marcar el ítem “Mostrar en posts” y Enviar. Listo ahora podemos agregar videos de Youtube o de donde querramos a nuestros posts del foro. <a href="http://www.cabai.com.ar/foro/viewtopic.php?f=13&t=14" target="_blank">Post de Ejemplo »</a>     <br /><strong>     <br /><img title="image" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 0px 0px 10px; border-right-width: 0px" height="149" alt="image" src="http://www.cabai.com.ar/images/posts/InstalandounForophpBB3Qutengoquehacer_D5B1/image_7.png" width="262" align="right" border="0" /> Theme/Estilo</strong>: El theme o template de foro de phpBB3 es importante porque si no tiene un buen diseño a veces la gente puede irse de tu foro. Si los colores no son agradables para su lectura también puede irse y perdés no solo visitas sino gente que participe de tu foro. El template debe estar asociado al tema que apunta el foro. Esto es muy importante. Un excelente sitio para buscar Styles o Templates de phpBB3 <a href="http://www.phpbb3styles.net/" target="_blank">phpBB3styles.net</a>. Ahí vas a ver una cantidad de styles o estilos para bajar que alguno seguro te gusta. Lo importante si tenes un foro en español es que los botones vengan en formato .psd (photoshop) para que los puedas modificar y así adaptar a tu idioma. De lo contrario tal vez los botones no te queden muy bien.     <br />Para instalarlo tenes que decomprimir el archivo que bajes de internet en la carpeta <code>/styles/</code>. Una vez que esté subido a ese directorio lo verás en la consola de administración en la solapa de Estilos. Ahí tendrás la opción de Instalarlo o Borrarlo. Luego de instalarlo debes activarlo y podrás seleccionarlo desde el perfil de tu usuario o bien configurarlo por defecto desde General » Parámetros del Sitio.     </p><br /><br /><p><strong><img title="image" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 0px 0px 10px; border-right-width: 0px" height="182" alt="image" src="http://www.cabai.com.ar/images/posts/InstalandounForophpBB3Qutengoquehacer_D5B1/image_8.png" width="283" align="right" border="0" />Avatares</strong>: Qué son? Bueno son las imágenes que los usuarios pueden usar para identificarse en tu foro. Podés configurarlo para que los usuarios puedan subir sus propias imágenes pero también te recomiendo cargar algunos packs de avatares en el foro para que tengan otra opción en caso de quererlo. Podemos bajar algunos packs de <a title="http://www.phpbb-design.com/avatars/" href="http://www.phpbb-design.com/avatars/" target="_blank">http://www.phpbb-design.com/avatars/</a>. La instalación de los packs de avatares es muy simple, sólo debemos descomprimir la carpeta con las imágenes en el directorio de nuestra instalación del foro <code>/images/avatars/gallery/</code>. Dentro de gallery debe estar el directorio y dento las imágenes de los avatares. De esta manera nos aparecerá luego para elegir las diferentes galerías. Si quieres buscar mas packs de imágenes intenta con Google. :) Los parámetros de configuración de los avatares son los que se muestran en la imágen.     </p><br /><br /><p><strong>Smilies/Caritas</strong>: Las caritas o smilies que puedes usar en tu foro pueden ser modificadas por otras que bajes de internet. Puedes encontrar otras caritas por ejemplo en el <a href="http://www.kolobok.us/modules.php?name=Gif" target="_blank">siguiente link</a>. Basta con reemplazar las existentes en el directorio <code>/images/smilies/</code> de tu instalación del foro, sino tenes que crear nuevas desde el panel de control de administración.    </p><br /><br /><p><img title="image" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 0px 0px 10px; border-right-width: 0px" height="180" alt="image" src="http://www.cabai.com.ar/images/posts/InstalandounForophpBB3Qutengoquehacer_D5B1/image_9.png" width="244" align="right" border="0" /> <strong>Publicidad</strong>: Este es un punto clave para la mayoría que hoy publica un sitio web. El hosting puede tener un costo mensual y con simple publicidad podemos recuperar ese costo ganando algo de dinero extra. Cómo podemos ingresar publicidad en nuestro Foro? Algunos sistemas como Google Adsense no permiten ingresar publicidad en páginas sin contenido como por ejemplo el index de un foro donde sólo hay nombres de categorías. Si quieres ingresar publicidad de este tipo, debemos editar el archivo <code>viewforum_body.html</code> del template que estés usando. Esto se puede hacer desde Estilos » Plantilla » Editar (en tu template). Ahí elegís el archivo que mencioné antes y voy a mencionar mas abajo y agregas el código justo debajo de <code><!-- INCLUDE overall_header.html --></code> para el header o sobre <code><!-- INCLUDE overall_footer.html --></code> para incluírlo en el footer. En cambio si lo queremos agregar de forma automática luego del primer post de cada topic debemos editar el archivo <code>viewtopic_body.html</code> y ahí buscar <code><!—END postrow --></code>. Podemos agregar un código como el siguiente justo <u>antes</u> de esa línea que buscamos. </p><br /><br /><pre class="csharpcode">        <span class="rem"><!– IF postrow.S_FIRST_ROW –></span><br /><br />       <span class="kwrd"><</span><span class="html">div</span> <span class="attr">class</span><span class="kwrd">="post bg2"</span><span class="kwrd">></span><br /><br />          <span class="kwrd"><</span><span class="html">div</span> <span class="attr">class</span><span class="kwrd">="inner"</span><span class="kwrd">><</span><span class="html">span</span> <span class="attr">class</span><span class="kwrd">="corners-top"</span><span class="kwrd">><</span><span class="html">span</span><span class="kwrd">></</span><span class="html">span</span><span class="kwrd">></</span><span class="html">span</span><span class="kwrd">></span><br /><br />          <span class="kwrd"><</span><span class="html">div</span> <span class="attr">class</span><span class="kwrd">="postbody"</span><span class="kwrd">></span><br /><br />             <span class="kwrd"><</span><span class="html">div</span> <span class="attr">class</span><span class="kwrd">="content"</span> <span class="attr">style</span><span class="kwrd">="text-align: center;"</span><span class="kwrd">></span><br /><br /><br /><br />                — Inserta el código de publicidad aquí. –<br /><br /><br /><br />             <span class="kwrd"></</span><span class="html">div</span><span class="kwrd">></span><br /><br />          <span class="kwrd"></</span><span class="html">div</span><span class="kwrd">></span><br /><br /><br /><br />          <span class="kwrd"><</span><span class="html">span</span> <span class="attr">class</span><span class="kwrd">="corners-bottom"</span><span class="kwrd">><</span><span class="html">span</span><span class="kwrd">></</span><span class="html">span</span><span class="kwrd">></</span><span class="html">span</span><span class="kwrd">></</span><span class="html">div</span><span class="kwrd">></span><br /><br />       <span class="kwrd"></</span><span class="html">div</span><span class="kwrd">></span><br /><br />       <span class="kwrd"><</span><span class="html">hr</span> <span class="attr">class</span><span class="kwrd">="divider"</span> <span class="kwrd">/></span><br /><br />       <span class="rem"><!– ENDIF –></span></pre><br /><br /></p><br /><br /><p>Obviamente debemos reemplazar donde dice “Inserta el código de publicidad aquí” con tu código de Adsense por ejemplo. Para ver un ejemplo de cómo queda esta opción puedes ver algún topic de mi foro. </p><br /><br /><p><strong>Armando los Foros</strong>: Los Foros es donde vas a poner el contenido y donde los usuarios van a poder colaborar. Para crearlos y crear las categorías de los foros por ejemplo tenes que ir a la solapa Foros del panel de Administración. Acá vas a poder Crear nuevos Foros, Categorías, etc. Lo ideal es que abarques todos los temas posibles que se puedan conversar en tu foro para que los usuarios puedan encontrar su lugar. En cada Foro vas a poder configurar opciones diferentes, por defecto puedes dejar todo igual y trata de copiar los permisos de algún otro foro que ya esté creado y que sepas que funciona bien para que todos puedan acceder. </p><br /><br /><p>Con todas estas indicaciones vas a tener un Foro muy completo y listo para operar. El resto de las modificaciones que existen le van a ir agregando funciones y otras opciones, pero las mínimas y requeridas para que el sitio tenga éxito y funcione perfectamente en internet son las que te pongo en este artículo. Espero que te haya servido la guía y cualquier duda me avises mediante un comentario en este artículo.</p><br /><br /><p>Link Util | <a href="http://www.phpbb-es.com/foro/index.php" target="_blank">phpBB-Es</a> – Un foro con excelentes recursos sobre phpBB en Español</p><br /><br /><p class="akst_link"><a href="http://www.cabai.com.ar/?p=495&akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_495" class="akst_share_link" rel="nofollow">Compártelo</a><br /><br /></p>

<p>Etiquetas: <a href="http://bitacoras.com/canales/blogging">blogging</a>, <a href="http://bitacoras.com/canales/tutoriales">tutoriales</a>, <a href="http://bitacoras.com/canales/codigo">codigo</a>, <a href="http://bitacoras.com/canales/configurar">configurar</a>, <a href="http://bitacoras.com/canales/disea">disea</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>aNieto2k</dc:creator>
		<title>JavaScript Micro-Templating</title>
		<link>http://www.anieto2k.com/2008/07/17/javascript-micro-templating</link>
		<guid isPermaLink="true">http://www.anieto2k.com/2008/07/17/javascript-micro-templating</guid>
		<pubDate>Thu, 17 Jul 2008 14:42:23 +0200</pubDate>
		<category>programacion</category>
		<category>javascript</category>
		<category>webdev</category>
		<category>templates</category>
		<description><![CDATA[Por aNieto2k en aNieto2K el 17 de julio de 2008 a las 14:42:23

John Resig, ha desarrollado un pequeño sistema de micro-templating para Javascript. Algo que poco a poco parece que se va integrando más en las páginas debido a la relevancia que está cogiendo este lenguaje.// Simple JavaScript Templating// John Resig - http://ejohn.org/ - MIT Licensed(function(){  var cache = {};  thi &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/anieto2k">aNieto2k</a> en <a href="http://bitacoras.com/bitacora/www.anieto2k.com">aNieto2K</a> el 17 de julio de 2008 a las 14:42:23</p>

<a href="http://ejohn.org/blog/">John Resig</a>, ha desarrollado un pequeño <a href="http://ejohn.org/blog/javascript-micro-templating/">sistema de micro-templating para Javascript</a>. Algo que <a href="http://www.anieto2k.com/2007/02/27/templates-en-javascript/">poco a poco</a> parece que <a href="http://www.anieto2k.com/2007/04/11/jstl-mas-templates-en-javascript/">se va integrando más en las páginas</a> debido a la relevancia que está cogiendo este lenguaje.<br /><br /><pre><code>// Simple JavaScript Templating<br /><br />// John Resig - http://ejohn.org/ - MIT Licensed<br /><br />(function(){<br /><br />  var cache = {};<br /><br /><br /><br />  this.tmpl = function tmpl(str, data){<br /><br />    // Figure out if we're getting a template, or if we need to<br /><br />    // load the template - and be sure to cache the result.<br /><br />    var fn = !/\W/.test(str) ?<br /><br />      cache[str] = cache[str] ||<br /><br />        tmpl(document.getElementById(str).innerHTML) :<br /><br /><br /><br />      // Generate a reusable function that will serve as a template<br /><br />      // generator (and which will be cached).<br /><br />      new Function("obj",<br /><br />        "var p=[],print=function(){p.push.apply(p,arguments);};"  <br /><br /><br /><br />        // Introduce the data as local variables using with(){}<br /><br />        "with(obj){p.push('"  <br /><br /><br /><br />        // Convert the template into pure JavaScript<br /><br />        str<br /><br />          .replace(/[\r\t\n]/g, " ")<br /><br />          .split("<%").join("\t")<br /><br />          .replace(/((^|%>)[^\t]*)'/g, "$1\r")<br /><br />          .replace(/\t=(.*?)%>/g, "',$1,'")<br /><br />          .split("\t").join("');")<br /><br />          .split("%>").join("p.push('")<br /><br />          .split("\r").join("\\'")<br /><br />        "');}return p.join('');");<br /><br /><br /><br />    // Provide some basic currying to the user<br /><br />    return data ? fn( data ) : fn;<br /><br />  };<br /><br />})();</code></pre><br /><br />Una vez cargado este código, podremos usarlo de la siguiente manera:<br /><br /><pre><code><strong>//HTML</strong><br /><br />/* Sin procesamiento en el template */<br /><br /><script type="text/html" id="item_tmpl"><br /><br />  <div id="<%=id%>" class="<%=(i % 2 == 1 ? " even" : "")%>"><br /><br />    <div class="grid_1 alpha right"><br /><br />      <img class="righted" src="<%=profile_image_url%>"/><br /><br />    </div><br /><br />    <div class="grid_6 omega contents"><br /><br />      <p><b><a href="/<%=from_user%>"><%=from_user%></a>:</b> <%=text%></p><br /><br />    </div><br /><br />  </div><br /><br /></script><br /><br />/* Con procesamiento en el template */<br /><br /><script type="text/html" id="user_tmpl"><br /><br />  <% for ( var i = 0; i < users.length; i   ) { %><br /><br />    <li><a href="<%=users[i].url%>"><%=users[i].name%></a></li><br /><br />  <% } %><br /><br /></script><br /><br /><br /><br /><strong>// JAVACRIPT </strong><br /><br />var results = document.getElementById("results");<br /><br />results.innerHTML = tmpl("item_tmpl", dataObject);<br /><br /><br /><br />var show_user = tmpl("item_tmpl"), html = "";<br /><br />for ( var i = 0; i < users.length; i   ) {<br /><br />  html  = show_user( users[i] );<br /><br />}</code></pre><br /><br />Como curiosidad, John comenta que el definir los <code><script type="text/html" /></code> provoca que el navegador los omita y por consecuente podamos usarlos sin problemas de javascript que podría detectar carácteres no válidos entre estos tags.<h3>Artículos relacionados</h3><br /><br /><ul><li><a href="http://www.anieto2k.com/2006/03/19/lo-ultimo-de-lo-ultimo-en-ajax/" rel="bookmark" title="Permanent Link: Lo último de lo último en Ajax">Lo último de lo último en Ajax</a></li><li><a href="http://www.anieto2k.com/2006/05/25/poo-en-javascript/" rel="bookmark" title="Permanent Link: POO en Javascript">POO en Javascript</a></li><li><a href="http://www.anieto2k.com/2007/02/22/herramientas-javascript/" rel="bookmark" title="Permanent Link: Herramientas Javascript">Herramientas Javascript</a></li><li><a href="http://www.anieto2k.com/2007/08/05/javascript-libraries-el-lugar-donde-viven-las-librerias-javascript/" rel="bookmark" title="Permanent Link: Javascript Libraries, el lugar donde viven las librerías javascript">Javascript Libraries, el lugar donde viven las librerías javascript</a></li><li><a href="http://www.anieto2k.com/2006/12/31/javascript-3d-animaciones-posibles/" rel="bookmark" title="Permanent Link: Javascript   3D, animaciones posibles">Javascript   3D, animaciones posibles</a></li></ul><p><a href="http://www.anieto2k.com" id="66.150.96.121"><img rel="66.150.96.121" src="http://www.anieto2k.com/favicon.ico" alt="aNieto2k" /></a></p><p class="akst_link"><a href="http://www.anieto2k.com/?p=5787&akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_5787" class="akst_share_link" rel="nofollow">Compártelo</a><br /><br /></p><br /><br /><p><a href="http://feeds.feedburner.com/~a/anieto2k/MtKP?a=NV1NOD"><img src="http://feeds.feedburner.com/~a/anieto2k/MtKP?i=NV1NOD" border="0"></img></a></p><div class="feedflare"><br /><br /><a href="http://feeds.feedburner.com/~f/anieto2k/MtKP?a=8lN2rJ"><img src="http://feeds.feedburner.com/~f/anieto2k/MtKP?i=8lN2rJ" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/anieto2k/MtKP?a=eFw83J"><img src="http://feeds.feedburner.com/~f/anieto2k/MtKP?i=eFw83J" border="0"></img></a><br /><br /></div>

<p>Etiquetas: <a href="http://bitacoras.com/canales/programacion">programacion</a>, <a href="http://bitacoras.com/canales/javascript">javascript</a>, <a href="http://bitacoras.com/canales/webdev">webdev</a>, <a href="http://bitacoras.com/canales/templates">templates</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>nekrodomus</dc:creator>
		<title>Google Gears, a&#241;ade soporte offline a Gmail y Google Calendar</title>
		<link>http://www.geekets.com/2008/07/18/gmail-google-calendar-acceso-offline-google-gears</link>
		<guid isPermaLink="true">http://www.geekets.com/2008/07/18/gmail-google-calendar-acceso-offline-google-gears</guid>
		<pubDate>Fri, 18 Jul 2008 13:41:13 +0200</pubDate>
		<category>otras</category>
		<category>gmail</category>
		<category>google calendar</category>
		<category>google docs</category>
		<category>google gears</category>
		<description><![CDATA[Por nekrodomus en geekets el 18 de julio de 2008 a las 13:41:13

A partir de hoy Gmail y Google Calendar, los servicios de correo y calendario de Google cuentan con acceso offline gracias a Google Gears. Antes Google Docs, la herramienta para la creación de documentos de Google ya disponía de esta funcionalidad. Vemos como poco a poco estas características se van añadiendo a los di &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/blogurbania">nekrodomus</a> en <a href="http://bitacoras.com/bitacora/www.geekets.com">geekets</a> el 18 de julio de 2008 a las 13:41:13</p>

<p style="text-align: center;"><img class="alignnone size-full wp-image-3498 aligncenter" title="Google Gears, añade soporte a Gmail y Google Calendar " src="http://www.geekets.com/index.php?feedimage=wp-content/uploads/2008/07/google-gears.jpg" alt="Google Gears, añade soporte a Gmail y Google Calendar" width="409" height="270" /></p><br /><br /><p>A partir de hoy <strong>Gmail</strong> y <strong>Google Calendar</strong>, los servicios de correo y calendario de <strong>Google</strong> cuentan con acceso offline gracias a <strong>Google Gears</strong>.<span id=":qq"> Antes <strong>Google Docs</strong>, la herramienta para la creación de documentos de Google ya disponía de esta funcionalidad. Vemos como poco a poco estas características se van añadiendo a los distintos servicios que nos ofrece Google.<br /><br /><br /></span></p><br /><br /><p>Esta nueva funcionalidad es bastante interesantes para todos aquellos dispositivos portátiles que no disponen de <strong>conexión a Internet</strong> las 24 horas y con esta mejora se nos da la posibilita trabajar con ellos pese a no disponer de conexión.<span id="more-3491"></span></p><br /><br /><p>A parte de esta nueva mejora, <strong>Google</strong> no se queda parada y ha añadido <span id=":qq">soporte para <strong>SyncML</strong> en <strong>Gmail</strong>. <strong>SyncML</strong> es un estándar para la sincronización de datos que ha sido apoyado por una gran cantidad de empresas. <strong>SyncML</strong> está pensado como un método para <strong>sincronizar la información de contactos y calendario entre dispositivos</strong>, como por ejemplo un portátil y una computadora personal o entre un teléfono móvil y un el ordenador personal.</span></p><br /><br /><p>Para terminar la lista de mejoras presentadas hoy por <strong>Google</strong>, os diremos que <strong>Google Docs</strong> cuenta además con la opción de añadir plantillas para la creación de documentos. Las <strong>plantillas </strong>o <strong>templates</strong> son unos modelos de documento que pueden ser facilmente editados y que nos ayudan a crear un documento de una forma estructurada y clara.</p><br /><br /><p>Como veis el gigante <strong>Google </strong>no se queda ni un segundo parado… a ver con que nos sorprende dentro de unos días.</p><br /><br /><p>Fuente: <a href="http://www.teknobites.com/2008/07/18/gmail-and-google-calendar-to-get-offline-access-with-gears/" target="_blank">teknobites</a></p><br /><br /><p>Saludos desde lo más profundo de los bytes.</p><br /><br /><p style="text-align: center;"><!-- BEGIN STANDARD TAG - 300 x 250 - Blogurbania : Run-of-site - DO NOT MODIFY --><br /><br /><IFRAME FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=300 HEIGHT=250 SRC="http://adserving.cpxinteractive.com/st?ad_type=iframe&ad_size=300x250&section=261026"></IFRAME><br /><br /><!-- END TAG --></p><br /><br />	<ul class="st-related-posts"><br /><br />	<li><a href="http://www.geekets.com/2008/03/05/editor-online-de-templates-para-wordpress/" title="Editor online de Templates para WordPress (March 5, 2008)">Editor online de Templates para WordPress</a> </li><br /><br />	<li><a href="http://www.geekets.com/2008/05/09/10-webs-para-descargar-plantillas-gratis-de-powerpoint/" title="10 webs para descargar plantillas gratis de Powerpoint (May 9, 2008)">10 webs para descargar plantillas gratis de Powerpoint</a> </li><br /><br />	<li><a href="http://www.geekets.com/2008/04/02/windows-live-messenger-gmail-mudarse/" title="Tutorial: Utilizar cuenta de Gmail para Windows Live Messenger (y cómo mudarse) (April 2, 2008)">Tutorial: Utilizar cuenta de Gmail para Windows Live Messenger (y cómo mudarse)</a> </li><br /><br />	<li><a href="http://www.geekets.com/2008/07/11/seleccionar-multiples-filas-en-gmail/" title="Seleccionar múltiples filas en Gmail (July 11, 2008)">Seleccionar múltiples filas en Gmail</a> </li><br /><br />	<li><a href="http://www.geekets.com/2008/05/30/opera-mobile-95-incluira-soporte-para-google-gears/" title="Opera Mobile 9.5 incluirá soporte para Google Gears (May 30, 2008)">Opera Mobile 9.5 incluirá soporte para Google Gears</a> </li><br /><br />	<li><a href="http://www.geekets.com/2008/04/07/importar-contactos-a-gmail/" title="Importar contactos a Gmail (April 7, 2008)">Importar contactos a Gmail</a> </li><br /><br />	<li><a href="http://www.geekets.com/2008/07/08/google-monitoriza-el-acceso-a-gmail/" title="Google monitoriza el acceso a Gmail (July 8, 2008)">Google monitoriza el acceso a Gmail</a> </li><br /><br />	<li><a href="http://www.geekets.com/2008/01/28/google-espia-tu-correo/" title="Google espía tu correo (January 28, 2008)">Google espía tu correo</a> </li><br /><br />	<li><a href="http://www.geekets.com/2008/02/18/gmail-tendra-lista-de-tareas-pendientes-muy-pronto/" title="Gmail tendrá lista de tareas pendientes muy pronto (February 18, 2008)">Gmail tendrá lista de tareas pendientes muy pronto</a> </li><br /><br />	<li><a href="http://www.geekets.com/2008/04/22/gmail-20/" title="GMail 2.0 (April 22, 2008)">GMail 2.0</a> </li><br /><br />	<li><a href="http://www.geekets.com/2008/03/10/g-archiver-roba-tus-contrasenas-de-gmail/" title="G-Archiver roba tus contraseñas de Gmail (March 10, 2008)">G-Archiver roba tus contraseñas de Gmail</a> </li><br /><br />	<li><a href="http://www.geekets.com/2008/06/14/funciones-de-la-hoja-de-calculo-de-google-que-no-encontraras-en-microsoft-office/" title="Funciones de la hoja de cálculo de Google que no encontrarás en Microsoft Office (June 14, 2008)">Funciones de la hoja de cálculo de Google que no encontrarás en Microsoft Office</a> </li><br /><br /></ul>

<p>Etiquetas: <a href="http://bitacoras.com/canales/otras">otras</a>, <a href="http://bitacoras.com/canales/gmail">gmail</a>, <a href="http://bitacoras.com/canales/google+calendar">google calendar</a>, <a href="http://bitacoras.com/canales/google+docs">google docs</a>, <a href="http://bitacoras.com/canales/google+gears">google gears</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Inti Acevedo</dc:creator>
		<title>Google lanza las plantillas para sus aplicaciones de oficina</title>
		<link>http://alt1040.com/2008/07/google-lanza-las-plantillas-para-sus-aplicaciones-de-oficina</link>
		<guid isPermaLink="true">http://alt1040.com/2008/07/google-lanza-las-plantillas-para-sus-aplicaciones-de-oficina</guid>
		<pubDate>Thu, 17 Jul 2008 22:55:56 +0200</pubDate>
		<category>productividad</category>
		<category>software</category>
		<category>google</category>
		<category>google docs</category>
		<category>microsoft office</category>
		<description><![CDATA[Por Inti Acevedo en ALT1040 el 17 de julio de 2008 a las 22:55:56

Google Docs da un paso lógico en el uso más sencillo de las aplicaciones de oficina en Internet. Desde hace milenios, casi en el origen de los tiempos el Microsoft Office trae incorporado el uso de plantillas predefinidas de documentos muy usados, una ayuda que simplifica mucho el proceso de crear un nuevo documento &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/hipertextual">Inti Acevedo</a> en <a href="http://bitacoras.com/bitacora/alt1040.com">ALT1040</a> el 17 de julio de 2008 a las 22:55:56</p>

<p><img src="http://alt1040.com/wp-content/uploads/2008/07/gdocstemplates.png" alt="" title="Docs Templates" width="338" height="272" class="derecha-borde" /><strong><a href="http://docs.google.com">Google Docs</a></strong> da un paso lógico en el uso más sencillo de las aplicaciones de oficina en Internet. Desde hace milenios, casi en el origen de los tiempos el <a href="http://office.microsoft.com/es-es/default.aspx">Microsoft Office</a> trae incorporado el uso de plantillas predefinidas de documentos muy usados, una ayuda que simplifica mucho el proceso de crear un nuevo documento desde cero.</p><br /><br /><br /><br /><p>Pues bien, ahora <a href="http://docs.google.com/templates">Google Docs no se queda atrás y sacan su propias plantillas o templates</a> para hacer tu vida online más sencilla y productiva. </p><br /><br /><br /><br /><p>Hay plantillas para todas las necesidades: <a href="http://docs.google.com/templates?category=18&sort=hottest">calendarios</a>, <a href="http://docs.google.com/templates?type=spreadsheets&sort=hottest&view=default">hojas de calculo</a>, <a href="http://spreadsheets.google.com/pub?key=pyU3xkckhpI2wPvbm8KqvHw&hl=en">organización de bodas</a>, <a href="http://docs.google.com/templates?category=14&sort=hottest">finanzas personales</a>, <a href="http://docs.google.com/templates?category=10&sort=hottest">cartas y faxes</a>, <a href="http://docs.google.com/templates?category=10&type=presentations&sort=hottest&view=default">presentaciones</a> y muchos más.</p><br /><br /><br /><br /><p>Todo un sutil golpe al hígado para el Microsoft Office. </p><br /><br /><br /><br /><p>Enlace: <a href="http://docs.google.com/templates">Google Docs Templates</a> | Vía: <a href="http://lifehacker.com/398695/google-docs-template-gallery-launches">Lifehacker</a></p><br /><br /><p class="akst_link"><a href="http://alt1040.com/?p=13936&akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_13936" class="akst_share_link" rel="nofollow">Comparte esta anotación</a><br /><br /></p><br /><br /><p><a href="http://feeds.hipertextual.com/~a/alt1040?a=j0NRCA"><img src="http://feeds.hipertextual.com/~a/alt1040?i=j0NRCA" border="0"></img></a></p><div class="feedflare"><br /><br /><a href="http://feeds.hipertextual.com/~f/alt1040?a=iue6EJ"><img src="http://feeds.hipertextual.com/~f/alt1040?i=iue6EJ" border="0"></img></a> <a href="http://feeds.hipertextual.com/~f/alt1040?a=OcJtjJ"><img src="http://feeds.hipertextual.com/~f/alt1040?i=OcJtjJ" border="0"></img></a> <a href="http://feeds.hipertextual.com/~f/alt1040?a=p9PzMJ"><img src="http://feeds.hipertextual.com/~f/alt1040?i=p9PzMJ" border="0"></img></a><br /><br /></div><img src="http://feeds.hipertextual.com/~r/alt1040/~4/338349798" height="1" width="1"/>

<p>Etiquetas: <a href="http://bitacoras.com/canales/productividad">productividad</a>, <a href="http://bitacoras.com/canales/software">software</a>, <a href="http://bitacoras.com/canales/google">google</a>, <a href="http://bitacoras.com/canales/google+docs">google docs</a>, <a href="http://bitacoras.com/canales/microsoft+office">microsoft office</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Antonio Cambronero</dc:creator>
		<title>40 sitios con plantillas gratis</title>
		<link>http://www.blogpocket.com/2008/06/07/40-sitios-con-plantillas-gratis</link>
		<guid isPermaLink="true">http://www.blogpocket.com/2008/06/07/40-sitios-con-plantillas-gratis</guid>
		<pubDate>Sat, 07 Jun 2008 01:18:52 +0200</pubDate>
		<category>css</category>
		<category>webs</category>
		<category>webstandards</category>
		<category>miniposts</category>
		<category>plantillas</category>
		<description><![CDATA[Por Antonio Cambronero en Blogpocket 7.0 el 07 de junio de 2008 a las 01:18:52

40 sitios con plantillas gratuitas para webs, listas para descargar sin necesidad de registro alguno: 40 Free Web Template Resources (Vía).      

Etiquetas: css, webs, webstandards, miniposts, plantillas]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/blogpocket">Antonio Cambronero</a> en <a href="http://bitacoras.com/bitacora/www.blogpocket.com">Blogpocket 7.0</a> el 07 de junio de 2008 a las 01:18:52</p>

<p>40 sitios con plantillas gratuitas para webs, listas para descargar sin necesidad de registro alguno: <a href="http://gofreeserve.info/archives/free-web-template-resources">40 Free Web Template Resources</a><a href="http://gofreeserve.info/archives/free-web-template-resources"><img style='border:0;' src='http://www.blogpocket.com/wp-content/plugins/tensai-rss/external.png'/></a> (<a href="http://www.fortysomething.ca/mt/etc/archives/007348.php">Vía</a><a href="http://www.fortysomething.ca/mt/etc/archives/007348.php"><img style='border:0;' src='http://www.blogpocket.com/wp-content/plugins/tensai-rss/external.png'/></a>).</p> <p><a href="http://feeds.feedburner.com/~a/Blogpocket?a=7NA8j1"><img src="http://feeds.feedburner.com/~a/Blogpocket?i=7NA8j1" border="0"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~f/Blogpocket?a=darJvI"><img src="http://feeds.feedburner.com/~f/Blogpocket?i=darJvI" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/Blogpocket?a=LkilSI"><img src="http://feeds.feedburner.com/~f/Blogpocket?i=LkilSI" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/Blogpocket?a=ze7TEI"><img src="http://feeds.feedburner.com/~f/Blogpocket?i=ze7TEI" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/Blogpocket?a=3zpCaI"><img src="http://feeds.feedburner.com/~f/Blogpocket?i=3zpCaI" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/Blogpocket/~4/306407805" height="1" width="1"/>

<p>Etiquetas: <a href="http://bitacoras.com/canales/css">css</a>, <a href="http://bitacoras.com/canales/webs">webs</a>, <a href="http://bitacoras.com/canales/webstandards">webstandards</a>, <a href="http://bitacoras.com/canales/miniposts">miniposts</a>, <a href="http://bitacoras.com/canales/plantillas">plantillas</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Diego Cabai</dc:creator>
		<title>C&#243;mo crear una Base de Datos para phpBB3 o Wordpress</title>
		<link>http://www.cabai.com.ar/2008/07/cmo-crear-una-base-de-datos-para-phpbb3-o-wordpress.html</link>
		<guid isPermaLink="true">http://www.cabai.com.ar/2008/07/cmo-crear-una-base-de-datos-para-phpbb3-o-wordpress.html</guid>
		<pubDate>Tue, 08 Jul 2008 05:46:35 +0200</pubDate>
		<category>blogging</category>
		<category>base datos</category>
		<category>blog</category>
		<category>codigo</category>
		<category>configurar</category>
		<description><![CDATA[Por Diego Cabai en Diego Cabai Blog el 08 de julio de 2008 a las 05:46:35

Esta es una tarea común para algunos pero bastante complicada para otros. Todo sistema web que querramos instalar en nuestro hosting ya sea un foro, un blog u otra aplicación seguramente requiere la creación de una base de datos y un usuario para la misma. Luego estos datos se configurarán en la aplicación p &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/dcabai">Diego Cabai</a> en <a href="http://bitacoras.com/bitacora/www.cabai.com.ar">Diego Cabai Blog</a> el 08 de julio de 2008 a las 05:46:35</p>

<p><br /><br /><div style="margin:0 10px 2px 0; float:left"></div><br /><br /><p>Esta es una tarea común para algunos pero bastante complicada para otros. Todo sistema web que querramos instalar en nuestro hosting ya sea un foro, un blog u otra aplicación seguramente requiere la creación de una base de datos y un usuario para la misma. Luego estos datos se configurarán en la aplicación para que se pueda instalar.    </p><br /><br /><p>Antes que nada quiero aclarar que la interfaz para la creación de la base de datos varía según el proveedor de hosting que tengas. De mas está decir que para esto se requiere un hosting, pero voy a suponer que ya lo tienes contratado y tienes la posibilidad de crear bases de datos en el mismo.     </p><br /><br /><p>La idea de hacer este artículo surgió por una consulta que me hizo <a href="http://www.pubdibe.com" target="_blank">Paco</a> desde el formulario de contacto. Espero que le sea útil como a otras personas en la misma situación.     </p><br /><br /><p>Esta tarea se puede hacer tanto desde una interfaz gráfica como desde una línea de comandos y en ambos casos desde la web administrativa de nuestro hosting. En muchos hostings puede que no exista una interfaz de administración y esta tarea haya que solicitarla al soporte, pero en los casos que si tenemos interfaz se puede hacer. En este caso muestro como hacerlo en un hosting con GridPanel. <span id="more-513"></span>   </p><br /><br /><p><strong><u>Modo Gráfico:</u></strong>     </p><br /><br /><p><img title="image" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 0px 0px 10px; border-right-width: 0px" height="126" alt="image" src="http://www.cabai.com.ar/images/posts/CmocrearunaBasedeDatosparaphpBB3oWordpre_132CE/image.png" width="172" align="right" border="0" />Ir hasta la sección de nuestro hosting donde podemos administrar las bases de datos. En este caso MySQL y está identificada como se muestra en la imágen de la derecha.     </p><br /><br /><p>Generalmente debe haber en nuestra consola de administración del hosting una sección para la base de datos MySQL, MSSQL, etc. Debemos ir ahí para poder trabajar.     </p><br /><br /><p>Luego debemos ir hasta “<strong>Agregar una nueva Base de Datos</strong>”. Debe haber un botón para poder agregar una nueva o crear una base de datos.     <br />  <br /><img title="image" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 10px 0px 0px; border-right-width: 0px" height="244" alt="image" src="http://www.cabai.com.ar/images/posts/CmocrearunaBasedeDatosparaphpBB3oWordpre_132CE/image_3.png" width="229" align="left" border="0" /> Si elegimos crear una nueva base debemos definir un nombre para la misma. Este nombre debemos recordarlo ya que luego deberemos introducirlo en nuestra configuración del Blog o Foro. En mi caso usé <strong>DemoDB</strong>.     </p><br /><br /><p>En la ventana que dice Cargando lista de usuarios… nos traerá los usuarios que tengamos creados para utilizar en bases de datos. Si no tenemos ningún usuario creado deberemos ir hasta la sección “<strong>Usuarios MySQL</strong>” y crear uno nuevo. En micaso <strong>UserDB</strong> y debemos asignarle una contraseña. Estos datos también debemos recordarlos para poder configurarlo en nuestro Blog o Foro.     </p><br /><br /><p>Por último nos mostrará una línea con nuestra Base de Datos recien creada con el usuario asignado y las IPs para acceder a la misma tanto públicamente como localmente. Tomar nota de esta información también ya que luego la necesitaremos. Listo entonces, ya tenemos la base creada y lista para usar. Veremos de qué otra forma se puede crear.     </p><br /><br /><p><strong><u>Modo Texto:</u></strong>     </p><br /><br /><p>En este modo deberemos buscar una sección en nuestro hosting para Administrar nuestro MySQL con alguna utilidad o herramienta del tipo phpMyAdmin. Esta puede estar alojada en nuestro hosting como poder tener una herramienta local en nuestro equipo.     </p><br /><br /><p>Dentro de dicha herramienta debemos ir hasta la parte de SQL Query y ahí ejecutar lo siguiente:     </p><br /><br /><p><code><strong>create database DemoDB;</strong></code>     </p><br /><br /><p>Con ese comando ejecutado en la sección de Query vamos a crear la base de datos para nuestro Blog o Foro de la misma forma que se podía hacer en la parte gráfica. Ahora bien para poder llegar a esta instancia tendríamos que haber usado un usuario con privilegios dentro de nuestro MySQL. Podemos usar ese usuario y contraseña para nuestro Blog o Foro o bien generar uno nuevo. Para crear uno con línea de comandos podemos usar:     </p><br /><br /><p><code>grant all privileges on DemoDB.* to ‘DemoUser’@’%’ identified by ‘password’;</code>     </p><br /><br /><p>Igualmente recomiendo que se utilice la interfaz gráfica que puede resultar mas sencillo.     </p><br /><br /><p>Por último tanto la información del usuario, contraseña y base de datos se necesitan para configurar en nuestro Foro, ya sea phpBB3 u otra plataforma como así también en nuestro Blog, ya sea Wordpress o cualquier otro sistema. También en cualquier otra aplicación que requiera una base de datos.</p><br /><br /><p class="akst_link"><a href="http://www.cabai.com.ar/?p=513&akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_513" class="akst_share_link" rel="nofollow">Compártelo</a><br /><br /></p>

<p>Etiquetas: <a href="http://bitacoras.com/canales/blogging">blogging</a>, <a href="http://bitacoras.com/canales/base+datos">base datos</a>, <a href="http://bitacoras.com/canales/blog">blog</a>, <a href="http://bitacoras.com/canales/codigo">codigo</a>, <a href="http://bitacoras.com/canales/configurar">configurar</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Ruben</dc:creator>
		<title>Cambio de plantilla</title>
		<link>http://www.rbn.com.ar/2008/07/07/cambio-de-plantilla-2</link>
		<guid isPermaLink="true">http://www.rbn.com.ar/2008/07/07/cambio-de-plantilla-2</guid>
		<pubDate>Mon, 07 Jul 2008 05:40:10 +0200</pubDate>
		<category>rbn</category>
		<category>blogs</category>
		<category>lanzamientos</category>
		<category>personal</category>
		<category>plugins</category>
		<description><![CDATA[Por Ruben en RbN el 07 de julio de 2008 a las 05:40:10

Desde hace un tiempo estuvimos probando y probando plantillas para poder ofrecer mas contenido y mejores maneras de acceder a ellos, dado que el blog a crecido tanto en tiempo como en cantidad de entradas.Luego de mirar y mirar, decidimos quedarnos con WP premium theme creado por WP remix.A este le hemos hecho algunas modifica &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/rbn">Ruben</a> en <a href="http://bitacoras.com/bitacora/www.rbn.com.ar">RbN</a> el 07 de julio de 2008 a las 05:40:10</p>

<p>Desde hace un tiempo estuvimos probando y probando plantillas para poder ofrecer mas contenido y mejores maneras de acceder a ellos, dado que el blog a crecido tanto en tiempo como en cantidad de entradas.</p><br /><br /><p>Luego de mirar y mirar, decidimos quedarnos con <a title="http://cssace.com/free-wp-premium-theme-is-here/" href="http://cssace.com/free-wp-premium-theme-is-here/" target="_blank"><acronym title="WordPress">WP</acronym> premium theme</a> creado por <a title="http://wpremix.com/" href="http://wpremix.com/" target="_blank"><acronym title="WordPress">WP</acronym> remix</a>.</p><br /><br /><p>A este le hemos hecho algunas modificaciones (como la traducción, la eliminación y el agregado de algunas cosas extras). Una de estas es la adición de una cabecera en el index del tema, que tiene 5 artículos destacados. Estos son mostrados (como pueden ver) junto a una imagen y un texto que resume de que va la entrada. Hemos utilizado el (excelente) plugin llamado <a title="http://www.wpelements.com/2008/02/28/the-featured-content-gallery-plugin/" href="http://www.wpelements.com/2008/02/28/the-featured-content-gallery-plugin/" target="_blank">Featured content gallery</a> creado por la gente de <a title="http://www.wpelements.com" href="http://www.wpelements.com" target="_blank">wpelements</a>.</p><br /><br /><p>Esperamos se sientan mas a gusto con esta implementación ya que una de las condiciones para realizarla ha sido la de otorgar una mejor lectura, con una combinación de colores que ayude a no cansar tanto la vista como si lo hacia el anterior tema.</p><br /><br /><p>A lo largo de la semana terminaremos de agregarles algunas funcionalidades extras, tanto de sindicación como de accesibilidad. Algunas serán notorias y otras pasaran desapercibidas.</p><br /><br /><p>Esperamos sus opiniones y comentarios.</p><br /><br /><p>Gracias.</p>

<p>Etiquetas: <a href="http://bitacoras.com/canales/rbn">rbn</a>, <a href="http://bitacoras.com/canales/blogs">blogs</a>, <a href="http://bitacoras.com/canales/lanzamientos">lanzamientos</a>, <a href="http://bitacoras.com/canales/personal">personal</a>, <a href="http://bitacoras.com/canales/plugins">plugins</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>LinkAlicante</dc:creator>
		<title>Pensando en cambiar de Theme</title>
		<link>http://www.linkalicante.com/pensando-en-cambiar-de-theme</link>
		<guid isPermaLink="true">http://www.linkalicante.com/pensando-en-cambiar-de-theme</guid>
		<pubDate>Mon, 07 Jul 2008 23:21:23 +0200</pubDate>
		<category>wordpress seo</category>
		<category>disea</category>
		<category>templates</category>
		<category>theme</category>
		<category>themes</category>
		<description><![CDATA[Por LinkAlicante en LinkAlicante el 07 de julio de 2008 a las 23:21:23

Ahora que ya he dejado de hacer cambios en el theme que empecé a usar hace tiempo (fontella), me aburro. Creo que ha llegado el momento de cambiarle la cara de nuevo a LinkAlicante. He aquí mi primera selección, de la cual destaco el theme “Personal”, de la web WPDesigner.Serán bienvenidos comentarios al respec &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/linkalicante">LinkAlicante</a> en <a href="http://bitacoras.com/bitacora/www.linkalicante.com">LinkAlicante</a> el 07 de julio de 2008 a las 23:21:23</p>

<p>Ahora que ya he dejado de hacer cambios en el <strong>theme</strong> que empecé a usar hace tiempo (<a href="http://www.linkalicante.com/widgetizing-wordpress-theme-compatible-widgets/">fontella</a>), me aburro. Creo que ha llegado el momento de cambiarle la cara de nuevo a <strong>LinkAlicante</strong>. He aquí mi primera selección, de la cual destaco el theme “Personal”, de la web <a href="http://www.wpdesigner.com/">WPDesigner</a>.</p><br /><br /><p>Serán bienvenidos comentarios al respecto. Tened en cuenta que es una vista previa un tanto “tosca”, pues una vez elegido el theme vendrá la tarea del “<strong>fine tuning</strong>“.</p><br /><br /><ul><br /><br /><li>Personal - <a href="http://www.linkalicante.com/?preview_theme=personal">http://www.linkalicante.com/?preview_theme=personal</a></li><br /><br /><li>Envy - <a title="http://www.linkalicante.com/?preview_theme=envy" href="http://www.linkalicante.com/?preview_theme=envy">http://www.linkalicante.com/?preview_theme=envy</a></li><br /><br /><li>Pride - <a title="http://www.linkalicante.com/?preview_theme=pride" href="http://www.linkalicante.com/?preview_theme=pride">http://www.linkalicante.com/?preview_theme=pride</a></li><br /><br /><li>Wpdesigner5 - <a title="http://www.linkalicante.com/?preview_theme=wpdesigner5" href="http://www.linkalicante.com/?preview_theme=wpdesigner5">http://www.linkalicante.com/?preview_theme=wpdesigner5</a></li><br /><br /><li>Accord 10 - <a title="http://www.linkalicante.com/?preview_theme=accord-10" href="http://www.linkalicante.com/?preview_theme=accord-10">http://www.linkalicante.com/?preview_theme=accord-10</a></li><br /><br /></ul><br /><br /><p>Nota: Para la previsualización de los themes he usado el plugin “<a href="http://wordpress.org/extend/plugins/theme-preview/">Theme Preview</a>“.</p><br /><br /><p>Artículo original de <a href="http://www.linkalicante.com">LinkAlicante</a></p>

<p>Etiquetas: <a href="http://bitacoras.com/canales/wordpress+seo">wordpress seo</a>, <a href="http://bitacoras.com/canales/disea">disea</a>, <a href="http://bitacoras.com/canales/templates">templates</a>, <a href="http://bitacoras.com/canales/theme">theme</a>, <a href="http://bitacoras.com/canales/themes">themes</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Diego</dc:creator>
		<title>+40 Im&#225;genes templates de alta resoluci&#243;n</title>
		<link>http://pixelco.us/blog/40-imagenes-templates-de-alta-resolucion</link>
		<guid isPermaLink="true">http://pixelco.us/blog/40-imagenes-templates-de-alta-resolucion</guid>
		<pubDate>Fri, 13 Jun 2008 15:55:28 +0200</pubDate>
		<category>disea</category>
		<category>recursos</category>
		<category>alta</category>
		<category>calidad</category>
		<category>gratis</category>
		<description><![CDATA[Por Diego en pixelco.us blog el 13 de junio de 2008 a las 15:55:28

Blank Templates es una colección de más de 40 plantillas de imágenes de alta resolución gratis para usar en nuestros proyectos.Esta es bastante variada e incluye:etiquetas (tags);papeles, clips y tarjetas;tablas tipo pizarras;hojas de papel con modelos;variedad de diferentes tipos de pizarras;botellas;y objetos var &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/diegoros">Diego</a> en <a href="http://bitacoras.com/bitacora/pixelco.us/blog">pixelco.us blog</a> el 13 de junio de 2008 a las 15:55:28</p>

<p><a href="http://pixelco.us/blog/wp-content/uploads/2008/06/papers-clips-cards.png"><img class="alignleft size-medium wp-image-1801" title="Papers, Clips, Cards - muestra" src="http://pixelco.us/blog/wp-content/uploads/2008/06/papers-clips-cards-300x269.png" alt="Papers, Clips, Cards - muestra" width="300" height="269" /></a><strong><em>Blank Templates</em> es una colección de más de 40 plantillas de imágenes de alta resolución gratis para usar en nuestros proyectos.</strong></p><br /><br /><p>Esta es bastante variada e incluye:</p><br /><br /><ul><br /><br /><li>etiquetas (tags);</li><br /><br /><li>papeles, clips y tarjetas;</li><br /><br /><li>tablas tipo pizarras;</li><br /><br /><li>hojas de papel con modelos;</li><br /><br /><li>variedad de diferentes tipos de pizarras;</li><br /><br /><li>botellas;</li><br /><br /><li>y objetos varios.<span id="more-1800"></span></li><br /><br /></ul><br /><br /><h4>Sitio: <a href="http://www.hongkiat.com/blog/40-high-resolution-blank-template-free-stock-photos/" title="Descargar templates" onclick="javascript:pageTracker._trackPageview ('/outbound/www.hongkiat.com');">www.hongkiat.com</a></h4><br /><br /><h3>Otros recursos:</h3><br /><br /><ul><br /><br /><li><a title="Permanent Link to 25 Sitios para descargar imágenes gratis" rel="bookmark" href="../25-sitios-para-descargar-imagenes-gratis/">25 Sitios para descargar imágenes gratis</a></li><br /><br /><li><a title="Permanent Link to PicReflect - Herramienta online para crear reflejos de imágenes" rel="bookmark" href="../picreflect-herramienta-online-para-crear-reflejos-de-imagenes/">PicReflect - Herramienta online para crear reflejos de imágenes</a></li><br /><br /><li><a title="Permanent Link to Free Icons Download - Un sitio con más de 500.000 íconos gratis" rel="bookmark" href="../free-icons-download-un-sitio-con-mas-de-500000-iconos-gratis/">Free Icons Download - Un sitio con más de 500.000 íconos gratis</a></li><br /><br /><li><a title="Permanent Link to Fotolia - Excelentes imágenes a buen precio" rel="bookmark" href="../fotolia-excelentes-imagenes-a-buen-precio/">Fotolia - Excelentes imágenes a buen precio</a></li><br /><br /><li><a title="Permanent Link to Photoscape - Un excelente editor/visor de imágenes gratis para Windows" rel="bookmark" href="../photoscape-un-excelente-editorvisor-de-imagenes-gratis-para-windows/">Photoscape - Un excelente editor/visor de imágenes gratis para Windows</a></li><br /><br /><li><a title="Permanent Link to bwpx.icns - Íconos de alta calidad en blanco y negro" rel="bookmark" href="../bwpxicns-iconos-de-alta-calidad-en-blanco-y-negro/">bwpx.icns - Íconos de alta calidad en blanco y negro</a></li><br /><br /><li><a title="Permanent Link to Bradicon! - La forma más fácil de convertir cualquier imagen en ícono" rel="bookmark" href="../bradicon-la-forma-mas-facil-de-convertir-cualquier-imagen-en-icono/">Bradicon! - La forma más fácil de convertir cualquier imagen en ícono</a></li><br /><br /><li><a title="Permanent Link to Iconos RSS muy originales y excelentes" rel="bookmark" href="../iconos-rss-muy-originales-y-excelentes/">Iconos RSS muy originales y excelentes</a></li><br /><br /><li><a title="Permanent Link to IconTexto - Íconos gratis para aplicaciones web" rel="bookmark" href="../icontexto-iconos-gratis-para-aplicaciones-web/">IconTexto - Íconos gratis para aplicaciones web</a></li><br /><br /><li><a title="Permanent Link to Free eCommerce icons - Colección de íconos gratis para ecommerce" rel="bookmark" href="../free-ecommerce-icons-coleccion-de-iconos-gratis-para-ecommerce/">Free eCommerce icons - Colección de íconos gratis para ecommerce</a></li><br /><br /><li><a title="Permanent Link to Bright Vector Icons - Colección de íconos gratis para uso personal y comercial" rel="bookmark" href="../bright-vector-icons-coleccion-de-iconos-gratis-para-uso-personal-y-comercial/">Bright Vector Icons - Colección de íconos gratis para uso personal y comercial</a></li><br /><br /><li><a title="Permanent Link to 5 Editores de íconos gratis para Windows" rel="bookmark" href="../5-editores-de-iconos-gratis-para-windows/">5 Editores de íconos gratis para Windows</a></li><br /><br /></ul><br /><br /><p>Publicado por: <a href="http://pixelco.us/blog" title="pixelco.us blog">pixelco.us blog</a></p><br /><br /><p><a href="http://pixelco.us/blog/40-imagenes-templates-de-alta-resolucion/">+40 Imágenes templates de alta resolución</a></p>

<p>Etiquetas: <a href="http://bitacoras.com/canales/disea">disea</a>, <a href="http://bitacoras.com/canales/recursos">recursos</a>, <a href="http://bitacoras.com/canales/alta">alta</a>, <a href="http://bitacoras.com/canales/calidad">calidad</a>, <a href="http://bitacoras.com/canales/gratis">gratis</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>dmedina</dc:creator>
		<title>Temas para Wordpress de revistas</title>
		<link>http://www.webadictos.com.mx/2008/06/23/temas-para-wordpress-de-revistas</link>
		<guid isPermaLink="true">http://www.webadictos.com.mx/2008/06/23/temas-para-wordpress-de-revistas</guid>
		<pubDate>Mon, 23 Jun 2008 17:35:33 +0200</pubDate>
		<category>wordpress</category>
		<category>skins wordpress</category>
		<category>temas wordpress</category>
		<category>templates wordpress</category>
		<category>themes wordpress</category>
		<description><![CDATA[Por dmedina en WebAdictos - Una Dosis Diaria de Web el 23 de junio de 2008 a las 17:35:33

Si quieres montar una revista online utilizando Wordpress, entonces te recomiendo está recopilación de 20 temas de wordpress para revistas gratuitos que ha realizado pingable.org.Enlace: 20 Of The Best Free Magazine Wordpress ThemesNo te pierdas:Templates para wordpress gratisSitios Para Desc &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/dmedina">dmedina</a> en <a href="http://bitacoras.com/bitacora/www.webadictos.com.mx">WebAdictos - Una Dosis Diaria de Web</a> el 23 de junio de 2008 a las 17:35:33</p>

<p>Si quieres montar una <strong>revista online</strong> utilizando Wordpress, entonces te recomiendo está recopilación de 20 <strong>temas de wordpress para revistas</strong> gratuitos que ha realizado pingable.org.</p><br /><br /><p style="text-align: center;"><img class="alignnone size-full wp-image-3434 aligncenter" title="temas revistas wordpress" src="http://www.webadictos.com.mx/wp-content/uploads/2008/06/temas-revistas-wordpress.png" alt="temas revistas wordpress" width="358" height="268" /></p><br /><br /><p><strong>Enlace: <a title="20 Of The Best Free Magazine Wordpress Themes" rel="bookmark" href="http://www.pingable.org/20-of-the-best-free-magazine-wordpress-themes/" target="_blank">20 Of The Best Free Magazine Wordpress Themes</a></strong></p><br /><br /><p>No te pierdas:</p><br /><br /><ul><br /><br /><li><a title="Templates para wordpress gratis" href="http://www.webadictos.com.mx/2008/04/15/templates-para-wordpress-gratis/">Templates para wordpress gratis</a></li><br /><br /><li><a title="Link Permanente a Sitios Para Descargar Temas de Wordpress" href="http://www.webadictos.com.mx/2007/11/23/sitios-para-descargar-temas-de-wordpress">Sitios Para Descargar Temas de Wordpress</a></li><br /><br /><li><a title="Link Permanente a 21 Templates para Wordpress" href="http://www.webadictos.com.mx/2007/06/29/21-templates-para-wordpress">21 Templates para Wordpress</a></li><br /><br /><li><a title="Link Permanente a Freeminders - Directorio de Temas Para WordPress" href="http://www.webadictos.com.mx/2007/11/28/freeminders-directorio-de-temas-para-wordpress">Directorio de Temas Para WordPress</a></li><br /><br /><li><a title="Link Permanente a Temas Gratuitos Para Wordpress" href="http://www.webadictos.com.mx/2008/01/09/temas-gratuitos-para-wordpress">Temas Gratuitos Para Wordpress</a></li><br /><br /></ul><br /><br /><p>Si no utilizas Wordpress:</p><br /><br /><ul><br /><br /><li><a title="Link Permanente a Templates para OsCommerce gratis" href="http://www.webadictos.com.mx/2008/03/23/templates-para-oscommerce-gratis/">Templates para OsCommerce gratis</a></li><br /><br /><li><a title="Link Permanente a Templates para Joomla Gratis" href="http://www.webadictos.com.mx/2008/02/29/templates-para-joomla-gratis">Templates para Joomla Gratis</a></li><br /><br /><li><a title="Link Permanente a Templates para blogger" href="http://www.webadictos.com.mx/2008/03/20/templates-para-blogger">Templates para blogger</a></li><br /><br /><li><a title="Link Permanente a Templates Web en CSS Gratuitas y listas para descargar" href="http://www.webadictos.com.mx/2007/06/19/templates-web-en-css-gratuitas-y-listas-para-descargar">Templates Web en CSS Gratuitas y listas para descargar</a></li><br /><br /></ul><br /><br /><p>Enlace Original:<a href="http://www.webadictos.com.mx/2008/06/23/temas-para-wordpress-de-revistas/" title="Temas para Wordpress de revistas"><strong>Temas para Wordpress de revistas</strong></a></p><img src="http://feeds.feedburner.com/~r/Webadictosmx/~4/318180397" height="1" width="1"/>

<p>Etiquetas: <a href="http://bitacoras.com/canales/wordpress">wordpress</a>, <a href="http://bitacoras.com/canales/skins+wordpress">skins wordpress</a>, <a href="http://bitacoras.com/canales/temas+wordpress">temas wordpress</a>, <a href="http://bitacoras.com/canales/templates+wordpress">templates wordpress</a>, <a href="http://bitacoras.com/canales/themes+wordpress">themes wordpress</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Jorge</dc:creator>
		<title>28 mejores dise&#241;os para wordpress en DeviantArt</title>
		<link>http://www.frogx3.com/2008/05/22/28-mejores-disenos-para-wordpress-en-deviantart</link>
		<guid isPermaLink="true">http://www.frogx3.com/2008/05/22/28-mejores-disenos-para-wordpress-en-deviantart</guid>
		<pubDate>Fri, 23 May 2008 07:13:06 +0200</pubDate>
		<category>disea</category>
		<category>templates</category>
		<category>wordpress</category>
		<category>disenos</category>
		<category>mejores disenadores</category>
		<description><![CDATA[Por Jorge en frogx.three - Liberando las ideas el 23 de mayo de 2008 a las 07:13:06

DeviantArt no es solamente una fuente para conseguir imagenes, ahi podemos encontrar a algunos de los mejores diseñadores con presencia en internet, en este caso en WPZoom han realizado una recopilación de diseños de los que a criterio del autor fueron diseñados por los mejores diseñadores de theme &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/frogx3">Jorge</a> en <a href="http://bitacoras.com/bitacora/www.frogx3.com">frogx.three - Liberando las ideas</a> el 23 de mayo de 2008 a las 07:13:06</p>

<p><a title="art + design" href="http://www.deviantart.com" target="_blank">DeviantArt</a> no es solamente una fuente para conseguir imagenes, ahi podemos encontrar a algunos de los mejores diseñadores con presencia en internet, en este caso en <a title="wordpress desginers" href="http://www.wpzoom.com/wordpress/28-best-wordpress-designers-from-devianart/" target="_blank">WPZoom</a> han realizado una recopilación de diseños de los que a criterio del autor fueron diseñados por <strong>los mejores diseñadores de themes para wordpress</strong> con presencia en<strong> DeviantArt</strong>.</p> <p>Aqui les dejo 3 de esos 28 diseños, los diseños son exclusivos y unicos asi que no se pueden descargar, sin embargo algunos se pueden probar y comprar y si no muy bien pueden servirte para inspirarte.</p> <h2><a title="Sinthux" href="http://sinthux.deviantart.com/art/Wordpress-79151963" target="_blank">Sinthux</a></h2> <p style="text-align: center;"><img class="alignnone size-full wp-image-1488" title="wpdes1" src="http://www.frogx3.com/wp-content/uploads/2008/05/wpdes1.jpg" alt="sinthux" width="450" height="300" /></p> <h2><a title="wordpress skin barbara" href="http://dsdesign.deviantart.com/art/Wordpress-skin-Barbara-82536658" target="_blank">Wordpress Skin Barbara by dsdesign</a></h2> <p style="text-align: center;"><img class="alignnone size-full wp-image-1489" title="wpdes5" src="http://www.frogx3.com/wp-content/uploads/2008/05/wpdes5.jpg" alt="wordpress skin barbara" width="450" height="300" /></p> <h2><a title="wordpress unique" href="http://nornod.deviantart.com/art/Wordpress-Unique-73027156" target="_blank">Wordpress Unique by Nornod</a></h2> <p style="text-align: center;"><img class="alignnone size-full wp-image-1487" title="wpdes8" src="http://www.frogx3.com/wp-content/uploads/2008/05/wpdes8.jpg" alt="wordpress unique" width="450" height="300" /></p> <p>Enlace: <a title="wordpress desginers" href="http://www.wpzoom.com/wordpress/28-best-wordpress-designers-from-devianart/" target="_blank">28 best wordpress designers on DeviantArt</a></p> <div class="feedflare"> <a href="http://feeds.feedburner.com/~f/frogxthree?a=3ZS6dH"><img src="http://feeds.feedburner.com/~f/frogxthree?i=3ZS6dH" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/frogxthree?a=B03R7h"><img src="http://feeds.feedburner.com/~f/frogxthree?i=B03R7h" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/frogxthree?a=ulivAH"><img src="http://feeds.feedburner.com/~f/frogxthree?i=ulivAH" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/frogxthree?a=HZmwrh"><img src="http://feeds.feedburner.com/~f/frogxthree?i=HZmwrh" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/frogxthree?a=0pyfMH"><img src="http://feeds.feedburner.com/~f/frogxthree?i=0pyfMH" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/frogxthree?a=WGnZjh"><img src="http://feeds.feedburner.com/~f/frogxthree?i=WGnZjh" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/frogxthree?a=daWE5H"><img src="http://feeds.feedburner.com/~f/frogxthree?i=daWE5H" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/frogxthree/~4/296302695" height="1" width="1"/>

<p>Etiquetas: <a href="http://bitacoras.com/canales/disea">disea</a>, <a href="http://bitacoras.com/canales/templates">templates</a>, <a href="http://bitacoras.com/canales/wordpress">wordpress</a>, <a href="http://bitacoras.com/canales/diseños">diseños</a>, <a href="http://bitacoras.com/canales/mejores+diseñadores">mejores diseñadores</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Jorge</dc:creator>
		<title>8 plantillas para wordpress excelentes para contenido multimedia</title>
		<link>http://www.frogx3.com/2008/05/21/8-plantillas-para-wordpress-excelentes-para-contenido-multimedia</link>
		<guid isPermaLink="true">http://www.frogx3.com/2008/05/21/8-plantillas-para-wordpress-excelentes-para-contenido-multimedia</guid>
		<pubDate>Thu, 22 May 2008 06:29:16 +0200</pubDate>
		<category>templates</category>
		<category>wordpress</category>
		<category>contenido multimedia</category>
		<category>wordpress themes</category>
		<description><![CDATA[Por Jorge en frogx.three - Liberando las ideas el 22 de mayo de 2008 a las 06:29:16

Excelente recopilación que ha hecho el sr. Andres Nieto con 8 plantillas para wordpress ideales para contenidos multimedia, ya sea videos, galerias o algun showcase de sitios que tengas planeado. Algunas de las plantillas son de pago, pero si tienes un poco de tiempo bien podrias tomar algunas idea &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/frogx3">Jorge</a> en <a href="http://bitacoras.com/bitacora/www.frogx3.com">frogx.three - Liberando las ideas</a> el 22 de mayo de 2008 a las 06:29:16</p>

<p><img class="alignnone size-thumbnail wp-image-1474 alignright" style="float: right;" title="wpm8" src="http://www.frogx3.com/wp-content/uploads/2008/05/wpm8-150x150.jpg" alt="plantillas multimedia para wordpress" width="150" height="150" />Excelente recopilación que ha hecho el sr. <a title="wordpress para contenidos multimedia" href="http://www.anieto2k.com/2008/05/21/8-themes-ideales-para-contenido-multimedia/" target="_blank">Andres Nieto</a> con<strong> 8 plantillas para wordpress ideales para contenidos multimedia</strong>, ya sea videos, galerias o algun showcase de sitios que tengas planeado.</p> <p>Algunas de las plantillas son de pago, pero si tienes un poco de tiempo bien podrias tomar algunas ideas para crear tu propio diseño.</p> <p>Via: <a title="plantillas para wordpress" href="http://www.anieto2k.com/2008/05/21/8-themes-ideales-para-contenido-multimedia/" target="_blank">8 themes para wordpress ideales para contenidos multimedia</a></p> <p>Fuente:<a title="themes for wordpress" href="http://www.wpzoom.com/wordpress-themes-sets/8-themes-created-perfectly-for-your-multimedia-files/" target="_blank"> wpzoom</a></p> <div class="feedflare"> <a href="http://feeds.feedburner.com/~f/frogxthree?a=m6cU6H"><img src="http://feeds.feedburner.com/~f/frogxthree?i=m6cU6H" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/frogxthree?a=iHZ4ah"><img src="http://feeds.feedburner.com/~f/frogxthree?i=iHZ4ah" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/frogxthree?a=gM3c8H"><img src="http://feeds.feedburner.com/~f/frogxthree?i=gM3c8H" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/frogxthree?a=kEDjvh"><img src="http://feeds.feedburner.com/~f/frogxthree?i=kEDjvh" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/frogxthree?a=8jz5pH"><img src="http://feeds.feedburner.com/~f/frogxthree?i=8jz5pH" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/frogxthree?a=0WqWHh"><img src="http://feeds.feedburner.com/~f/frogxthree?i=0WqWHh" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/frogxthree?a=5gjrJH"><img src="http://feeds.feedburner.com/~f/frogxthree?i=5gjrJH" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/frogxthree/~4/295551964" height="1" width="1"/>

<p>Etiquetas: <a href="http://bitacoras.com/canales/templates">templates</a>, <a href="http://bitacoras.com/canales/wordpress">wordpress</a>, <a href="http://bitacoras.com/canales/contenido+multimedia">contenido multimedia</a>, <a href="http://bitacoras.com/canales/wordpress+themes">wordpress themes</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>dmedina</dc:creator>
		<title>Templates microsoft office 2007 gratis</title>
		<link>http://www.webadictos.com.mx/2008/05/18/templates-microsoft-office-2007-gratis</link>
		<guid isPermaLink="true">http://www.webadictos.com.mx/2008/05/18/templates-microsoft-office-2007-gratis</guid>
		<pubDate>Sun, 18 May 2008 19:48:10 +0200</pubDate>
		<category>recursos</category>
		<category>windows</category>
		<category>plantillas</category>
		<category>plantillas excel</category>
		<category>plantillas microsoft</category>
		<description><![CDATA[Por dmedina en WebAdictos - Una Dosis Diaria de Web el 18 de mayo de 2008 a las 19:48:10

Microsoft esta regalando templates para office 2007 desde su sitio web enfocados principalmente a los negocios. Podemos elegir entre diferentes estilos de plantillas, así como diferentes esquemas de colores por cada una de las plantillas.  Cada descarga incluye plantillas para powerpoint, temp &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/dmedina">dmedina</a> en <a href="http://bitacoras.com/bitacora/www.webadictos.com.mx">WebAdictos - Una Dosis Diaria de Web</a> el 18 de mayo de 2008 a las 19:48:10</p>

<p>Microsoft esta regalando <strong>templates para office 2007</strong> desde su sitio web enfocados principalmente a los negocios. Podemos elegir entre diferentes estilos de <strong>plantillas</strong>, así como diferentes esquemas de colores por cada una de las <strong>plantillas</strong>.</p> <p style="text-align: center;"><img class="alignnone size-full wp-image-3119 aligncenter" title="plantillas microsoft" src="http://www.webadictos.com.mx/wp-content/uploads/2008/05/plantillas-microsoft.jpg" alt="plantillas microsoft" width="460" height="223" /></p> <p>Cada descarga incluye <strong><a href="http://www.webadictos.com.mx/2007/09/06/templates-para-powerpoint-gratis/">plantillas para powerpoint</a></strong>, <strong>templates de word</strong>, <strong>templates de publisher</strong> y <strong>templates de excel</strong>.</p> <p>Para descargarlo únicamente seguimos los siguientes pasos:</p> <ol> <li><a href="http://www.microsoft.com/smallbusiness/office2007templates/" target="_blank">Acceder al sitio</a></li> <li>Seleccionar el diseño (son 6 en total)</li> <li>Seleccionar el esquema de colores</li> <li>Presionar “Download Template”</li> </ol> <p>Enlace: <a href="http://www.microsoft.com/smallbusiness/office2007templates/" target="_blank">Microsoft Small Bussines Center</a></p> <p>También te recomiendo:</p> <ul> <li><a title="Templates Para PowerPoint Gratis" href="http://www.webadictos.com.mx/2007/09/06/templates-para-powerpoint-gratis/">Templates Para PowerPoint Gratis</a></li> <li><a title="Convertir Power Point a Video" href="http://www.webadictos.com.mx/2008/03/28/convertir-power-point-a-video/">Convertir Power Point a Video</a></li> <li><a title="Crear Tarjetas de Presentación en Word" href="http://www.webadictos.com.mx/2008/02/10/crear-tarjetas-de-presentacion-en-word/">Crear Tarjetas de Presentación en Word</a></li> <li><a title="Hacer tarjetas de presentación en Publisher" href="http://www.webadictos.com.mx/2008/05/10/hacer-tarjetas-de-presentacion-en-publisher/">Hacer tarjetas de presentación en Publisher</a></li> </ul> <p>Lo vi en <a href="http://spamloco.net/2008/05/plantillas-para-office-2007.html" target="_blank">SpamLoco</a></p> <p>Enlace Original:<a href="http://www.webadictos.com.mx/2008/05/18/templates-microsoft-office-2007-gratis/" title="Templates microsoft office 2007 gratis"><strong>Templates microsoft office 2007 gratis</strong></a></p><img src="http://feeds.feedburner.com/~r/Webadictosmx/~4/292953948" height="1" width="1"/>

<p>Etiquetas: <a href="http://bitacoras.com/canales/recursos">recursos</a>, <a href="http://bitacoras.com/canales/windows">windows</a>, <a href="http://bitacoras.com/canales/plantillas">plantillas</a>, <a href="http://bitacoras.com/canales/plantillas+excel">plantillas excel</a>, <a href="http://bitacoras.com/canales/plantillas+microsoft">plantillas microsoft</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Diego Cabai</dc:creator>
		<title>C&#243;mo Agregar Tabs o Pesta&#241;as en Blogger</title>
		<link>http://www.cabai.com.ar/2008/05/cmo-agregar-tabs-o-pestaas-en-blogger.html</link>
		<guid isPermaLink="true">http://www.cabai.com.ar/2008/05/cmo-agregar-tabs-o-pestaas-en-blogger.html</guid>
		<pubDate>Fri, 16 May 2008 07:30:19 +0200</pubDate>
		<category>blogger</category>
		<category>blogging</category>
		<category>disea</category>
		<category>blog</category>
		<category>blogspot</category>
		<description><![CDATA[Por Diego Cabai en Diego Cabai Blog el 16 de mayo de 2008 a las 07:30:19

  Todo comenzó con la pregunta de sancocho en un comentario dentro del Blog. El mismo me consulta sobre cómo agregar las solapas que tengo en este blog a la derecha donde tengo los "Destacados", "Archivo", "Categorías", etc. Bueno, la respuesta comienza en haber agregado tabs o pestañas dentro del diseño que  &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/dcabai">Diego Cabai</a> en <a href="http://bitacoras.com/bitacora/www.cabai.com.ar">Diego Cabai Blog</a> el 16 de mayo de 2008 a las 07:30:19</p>

<p> <div style="margin:0 10px 2px 0; float:left"></div> <p>Todo comenzó con la pregunta de <a href="http://www.cabai.com.ar/2007/12/agregale-un-poco-de-color-tu-blog-con.html#comment-387">sancocho</a> en un comentario dentro del Blog. El mismo me consulta sobre cómo agregar las solapas que tengo en este blog a la derecha donde tengo los "Destacados", "Archivo", "Categorías", etc. <br />Bueno, la respuesta comienza en haber agregado tabs o pestañas dentro del diseño que no las traía. Hay varias formas de agregar pestañas, yo voy a comentar el que utilicé que es totalmente adaptable a Blogger/Blogspot, es mas, hice un Blog temporal de Demo con las pestañas agregadas para que vean que funciona. </p> <p>Dentro de estas pestañas podrán poner todo tipo de contenido ya que es parte de código HTML, así que lo que pongan dentro de cada una es como si lo pusieran independientemente. El ejemplo es solo con links pero es totalmente adaptable a imágenes como tengo en la pestaña "Directorios". </p> <p>El procedimiento que utilizo es gracias al increíble JavaScript creado por <a href="http://www.barelyfitz.com/" target="_blank">BarelyFitz Designs</a>. Para acceder al JavaScript tabifier podes hacer click <a href="http://www.barelyfitz.com/projects/tabber/" target="_blank">aquí »</a>. <br />A continuación comento los pasos, podés ver que las Tabs funcionan en Blogger en este link:  <a href="http://dcabai-tabbed.blogspot.com/" target="_blank">Tabbed Blogger</a> <span id="more-389"></span> <br />Hay algunos templates de Blogger que ya incluyen los Tabs o Pestañas. Podés encontrar varios templates de este tipo en <a href="http://btemplates.com" target="_blank">BTemplates</a> como: <a title="Forte Blogger Template" href="http://btemplates.com/2008/03/19/forte/" target="_blank">Forte</a> y <a title="Visionary Blogger Template" href="http://btemplates.com/2008/03/22/visionary/" target="_blank">Visionary</a> </p> <p>Pasos: <br />1. Bueno, en principio vamos a necesitar subir un archivo de JavaScript a algún hosting que podamos utilizar para luego linkearlo. Un ejemplo es <a href="http://pages.google.com/" target="_blank">Google Pages</a>. Ahí podés crear un sitio html o bien subir archivo para luego utilizarlos como en nuestro caso el JavaScript que necesitamos. Una vez creado el sitio de Google Pages, que es un click "Crear" jaja vamos al botón "<strong>Upload</strong>" y subimos el archivo JavaScript siguiente que previo lo hemos bajado a nuestro disco. </p> <p><a href="http://www.barelyfitz.com/projects/tabber/tabber.zip" target="_blank">Bajar el Archivo JavaScript</a> (Es un zip y dentro del zip está el<strong> tabber.js</strong> que es el que debemos utilizar) </p> <p><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 0px 0px 10px; border-right-width: 0px" height="50" alt="image" src="http://www.cabai.com.ar/images/posts/CmoAgregarTabsoPestaasenBlogger_E051/image.png" width="100" align="right" border="0" /> 2. Ahora volvemos a Blogger y vamos a <em>Diseño -> Edición de HTML</em>. En esta sección vamos a agregar el código necesario para llamar al JavaScript y la primera parte del diseño de las pestañas. </p> <p>Debemos agregar la primera línea de código debajo de <strong>]]&#62;</b:skin></strong> pero antes de <strong></head></strong>.</p> <pre class="csharpcode"><span class="kwrd"><</span><span class="html">script</span> <span class="attr">type</span><span class="kwrd">="text/javascript"</span> <span class="attr">src</span><span class="kwrd">="http://www.tusitio.com/tabber.js"</span><span class="kwrd">></span> <span class="kwrd"></</span><span class="html">script</span><span class="kwrd">></span></pre> <p>Obviamente el www.tusitio.com se debe modificar por la URL de donde subiste el Java Script, por ejemplo, tusitio.googlepages.com, etc. </p> <p>3. Seguimos en la misma sección pero ahora vamos a agregar parte el código de diseño, que en el ejemplo es muy pobre jaja pero era a modo de ejemplo. Es mas, es parte del ejemplo que viene en el archivo .zip que bajamos antes. </p> <p>Este código debe ser insertado justo antes de <strong>]]&#62;</b:skin></strong>.</p> <pre class="csharpcode">/*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none;} /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber {} .tabberlive { margin-top:1em;} /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif;} ul.tabbernav li { list-style: none; margin: 0; display: inline;} ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none;} ul.tabbernav li a:link { color: #448; } ul.tabbernav li a:visited { color: #667; } ul.tabbernav li a:hover { color: #000; background: #AAE; border-color: #227;} ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff;} ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white;} /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { padding:5px; border:1px solid #aaa; border-top:0; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none;} .tabberlive .tabbertab h3 { display:none;} /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 {} .tabberlive#tab2 {} .tabberlive#tab2 .tabbertab { height:200px; overflow:auto;} .tabberlive .tabbertab li{list-style-type:none;background:transparent url(i/b.gif) no-repeat 0 2px;border:0;margin:0 0 1px;padding:0 0 0 15px;}</pre> <p>Guardamos los cambios que hicimos y vamos a agregar el contenido de las pestañas o tabs en nuestro sitio. </p> <p>4. Vamos a "Elementos de la página" y agregamos un nuevo elemento HTML. Lo ponemos donde querramos que aparezcan las pestañas y dentro de éste ponemos el siguiente código:</p> <pre class="csharpcode"><span class="kwrd"><</span><span class="html">div</span> <span class="attr">class</span><span class="kwrd">="tabber"</span><span class="kwrd">></span> <span class="kwrd"><</span><span class="html">div</span> <span class="attr">class</span><span class="kwrd">="tabbertab"</span><span class="kwrd">></span> <span class="kwrd"><</span><span class="html">h3</span><span class="kwrd">></span>Sección 1<span class="kwrd"></</span><span class="html">h3</span><span class="kwrd">></span> Contenido de la sección 1. <span class="kwrd"></</span><span class="html">div</span><span class="kwrd">></span> <span class="kwrd"><</span><span class="html">div</span> <span class="attr">class</span><span class="kwrd">="tabbertab"</span> <span class="attr">title</span><span class="kwrd">="Título"</span><span class="kwrd">></span> Contenido de la sección 2. <span class="kwrd"></</span><span class="html">div</span><span class="kwrd">></span> <span class="kwrd"></</span><span class="html">div</span><span class="kwrd">></span></pre> <p>Si guardamos lo que hicimos y vemos nuestro sitio deberíamos ver 2 pestañas, una llamada Sección 1 y la otra Sección 2. Hasta ahora ambas tienen sólo texto pero ese contenido de la sección se puede cambiar por cualquier código que nosotros querramos agregar. </p> <div style="margin:0 0 2px 10px; float:right"></div> <p>En el caso de la sección 1, el título de dicha pestaña está definido por <h3>, ahora en el segundo caso se utilizó un title dentro del <div>. Por ejemplo, podríamos agregar una lista de enlaces o cualquier otro trozo de código HTML que nosotros querramos. No tengo a mano una forma de agregar los links destacados pero podemos hacer una lista a mano con los 5 enlaces que mas queremos que la gente visite. </p> <p>El diseño se puede modificar a través del código CSS que se agregó mas arriba. Dejo a la imaginación de cada uno para realizar dichas modificaciones y lograr el mejor diseño para Blogger. </p> <p>Por otro lado, podemos agregar tantas pestañas como querramos o nos entren en nuestro diseño, para cada pestaña que querramos agregar debemos utilizar el siguiente código justo antes del último <strong></div></strong> que se ve mas arriba.</p> <pre class="csharpcode"><span class="kwrd"><</span><span class="html">div</span> <span class="attr">class</span><span class="kwrd">="tabbertab"</span><span class="kwrd">></span> <span class="kwrd"><</span><span class="html">h3</span><span class="kwrd">></span>Título de la Pestaña<span class="kwrd"></</span><span class="html">h3</span><span class="kwrd">></span> Contenido HTML de la sección <span class="kwrd"></</span><span class="html">div</span><span class="kwrd">></span></pre> <p>Con este artículo vas a poder agregar las pestañas o tabs en Blogger. El código que introduzcas en dichas pestañas será el poder que le des a este sistema muy utilizado últimamente en los sitios ya que permite ordenar parte de la navegación para el usuario utilizando menos espacio. </p> <p>Si no te funciona, cualquier duda o consulta por favor dejame un comentario e intentaré responder a la brevedad.</p> <p class="akst_link"><a href="http://www.cabai.com.ar/?p=389&akst_action=share-this" title="E-mail this, post to del.icio.us, etc." id="akst_link_389" class="akst_share_link" rel="nofollow">Compártelo</a> </p><div class="feedflare"> <a href="http://feeds.feedburner.com/~f/dcabai?a=sft6wH"><img src="http://feeds.feedburner.com/~f/dcabai?i=sft6wH" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/dcabai?a=dVNsZH"><img src="http://feeds.feedburner.com/~f/dcabai?i=dVNsZH" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/dcabai?a=tTNOCh"><img src="http://feeds.feedburner.com/~f/dcabai?i=tTNOCh" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/dcabai?a=aPsS4H"><img src="http://feeds.feedburner.com/~f/dcabai?i=aPsS4H" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/dcabai/~4/291399821" height="1" width="1"/>

<p>Etiquetas: <a href="http://bitacoras.com/canales/blogger">blogger</a>, <a href="http://bitacoras.com/canales/blogging">blogging</a>, <a href="http://bitacoras.com/canales/disea">disea</a>, <a href="http://bitacoras.com/canales/blog">blog</a>, <a href="http://bitacoras.com/canales/blogspot">blogspot</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>mQuer</dc:creator>
		<title>Colecci&#243;n de templates CSS</title>
		<link>http://www.factorvital.cl/coleccion-de-templates-css</link>
		<guid isPermaLink="true">http://www.factorvital.cl/coleccion-de-templates-css</guid>
		<pubDate>Mon, 12 May 2008 16:00:25 +0200</pubDate>
		<category>descarga</category>
		<category>css</category>
		<category>templates</category>
		<category>disea</category>
		<category>web</category>
		<description><![CDATA[Por mQuer en Factorvital | Recursos para diseñadores y desarrolladores. el 12 de mayo de 2008 a las 16:00:25

Desde Free-css-templates.com puedes bajar más de 170 templates CSS en formato .zip y usarlos libremente para proyectos personales y comerciales. De todas formas es recomendable chequear las licencias de uso de estos templates en las páginas de sus autores. Consideraciones y &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <strong>mQuer</strong> en <a href="http://bitacoras.com/bitacora/www.factorvital.cl">Factorvital | Recursos para diseñadores y desarrolladores.</a> el 12 de mayo de 2008 a las 16:00:25</p>

<p>Desde <a href='http://www.free-css-templates.com/css-templates/' title='Colección de templates CSS.' target='_blank'>Free-css-templates.com</a> puedes bajar más de 170 <strong>templates CSS</strong> en formato .zip y usarlos libremente para proyectos personales y comerciales. De todas formas es recomendable chequear las licencias de uso de estos templates en las páginas de sus autores.</p> <p>Consideraciones y ventajas de usar estos templates CSS: no contienen tablas en su diseño, bajo peso y carga más rápida en los navegadores, cumplen con los estándares <a href='http://es.wikipedia.org/wiki/W3C' title='estándares W3C.' target='_blank'>W3C</a> y contienen fotografías e imágenes de dominio público gracias a <a href='http://commons.wikimedia.org/wiki/Category:Images' title='imágenes de Wikimedia Commons.' target='_blank'>Wikimedia Commons</a> y <a href='http://www.pdphoto.org/' title='fotos e imágenes de dominio público.' target='_blank'>PDPhoto.org</a> y están bajo licencia <a href='http://creativecommons.org/licenses/by/2.5/es/' title='Creative Commons Attribution 2.5.' target='_blank'>Creative Commons Attribution 2.5.</a></p> <p>• Enlace (Inglés): <a href='http://www.free-css-templates.com/css-templates/' title='Colección de templates CSS.' target='_blank'>Colección de templates CSS</a></p> <div class='centrar-imagen'> <a href='http://www.free-css-templates.com/css-templates/' target='_blank'><img src='http://www.factorvital.cl/wp-content/uploads/2008/05/templates-css-gratis.gif' border='0' hspace='0' vspace='10' alt='Colección de templates CSS.' title='Ir a Colección de templates CSS.' /></a></div> <a href="http://www.factorvital.cl/etiquetas/css/" rel="tag">CSS</a>, <a href="http://www.factorvital.cl/etiquetas/descarga/" rel="tag">Descarga</a>, <a href="http://www.factorvital.cl/etiquetas/diseño-web/" rel="tag">diseño web</a>, <a href="http://www.factorvital.cl/etiquetas/estandares/" rel="tag">estandares</a>, <a href="http://www.factorvital.cl/etiquetas/fotografias-gratis/" rel="tag">fotografias gratis</a>, <a href="http://www.factorvital.cl/etiquetas/imagenes/" rel="tag">imagenes</a>, <a href="http://www.factorvital.cl/etiquetas/layouts/" rel="tag">layouts</a>, <a href="http://www.factorvital.cl/etiquetas/plantillas-web/" rel="tag">plantillas web</a>, <a href="http://www.factorvital.cl/etiquetas/templates/" rel="tag">templates</a>, <a href="http://www.factorvital.cl/etiquetas/themes/" rel="tag">Themes</a>, <a href="http://www.factorvital.cl/etiquetas/web-standars/" rel="tag">web standars</a>

<p>Etiquetas: <a href="http://bitacoras.com/canales/descarga">descarga</a>, <a href="http://bitacoras.com/canales/css">css</a>, <a href="http://bitacoras.com/canales/templates">templates</a>, <a href="http://bitacoras.com/canales/disea">disea</a>, <a href="http://bitacoras.com/canales/web">web</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Palbar</dc:creator>
		<title>iPhone 3G - Sus bondades</title>
		<link>http://palbar.blogspot.com/2007/03/template-monster-5621-un-bonito.html</link>
		<guid isPermaLink="true">http://palbar.blogspot.com/2007/03/template-monster-5621-un-bonito.html</guid>
		<pubDate>Tue, 13 Mar 2007 02:33:00 +0100</pubDate>
		<category>templates</category>
		<description><![CDATA[Por Palbar en Palbar - Soft Free el 13 de marzo de 2007 a las 02:33:00

Template Monster 5621Un bonito template para quienes gusten del software, contiene psd, swf, fla, htmlDescargar: Template Monster 5621

Etiquetas: templates]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/palbar">Palbar</a> en <a href="http://bitacoras.com/bitacora/palbar.blogspot.com">Palbar - Soft Free</a> el 13 de marzo de 2007 a las 02:33:00</p>

Template Monster 5621<br /><br /><br /><br />Un bonito template para quienes gusten del software, contiene psd, swf, fla, html<br /><br /><br /><br />Descargar: Template Monster 5621

<p>Etiquetas: <a href="http://bitacoras.com/canales/templates">templates</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Palbar</dc:creator>
		<title>iPhone 3G - Sus bondades</title>
		<link>http://palbar.blogspot.com/2007/03/template-monster-5716-descargar.html</link>
		<guid isPermaLink="true">http://palbar.blogspot.com/2007/03/template-monster-5716-descargar.html</guid>
		<pubDate>Tue, 13 Mar 2007 01:42:00 +0100</pubDate>
		<category>templates</category>
		<description><![CDATA[Por Palbar en Palbar - Soft Free el 13 de marzo de 2007 a las 01:42:00

Template Monster 5716Contiene: PSD, FLA, SWF, HTML filesDescargar : Template 5716

Etiquetas: templates]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/palbar">Palbar</a> en <a href="http://bitacoras.com/bitacora/palbar.blogspot.com">Palbar - Soft Free</a> el 13 de marzo de 2007 a las 01:42:00</p>

Template Monster 5716<br /><br /><br /><br />Contiene: PSD, FLA, SWF, HTML files<br /><br />Descargar : Template 5716

<p>Etiquetas: <a href="http://bitacoras.com/canales/templates">templates</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Jorge</dc:creator>
		<title>Plantillas de Documentos para OpenOffice</title>
		<link>http://www.frogx3.com/2008/06/22/plantillas-para-openoffice</link>
		<guid isPermaLink="true">http://www.frogx3.com/2008/06/22/plantillas-para-openoffice</guid>
		<pubDate>Mon, 23 Jun 2008 00:29:11 +0200</pubDate>
		<category>opensource</category>
		<category>recursos</category>
		<category>templates</category>
		<category>openoffice</category>
		<category>plantillas</category>
		<description><![CDATA[Por Jorge en frogx.three - Liberando las ideas el 23 de junio de 2008 a las 00:29:11

Anteriormente hemos publicado plantillas para power point, word y excel, ahora toca una lista de sitios donde podrías encontrar plantillas gratis para openoffice.OpenOffice es un paquete de programas para oficina que son la alternativa libre y gratuita a Microsoft Office.A continuación les dejo 6  &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/frogx3">Jorge</a> en <a href="http://bitacoras.com/bitacora/www.frogx3.com">frogx.three - Liberando las ideas</a> el 23 de junio de 2008 a las 00:29:11</p>

<p style="text-align: center;"><img class="alignnone size-medium wp-image-1644" title="_openoffice-logo-bueno" src="http://www.frogx3.com/wp-content/uploads/2008/06/_openoffice-logo-bueno-300x93.png" alt="plantillas gratis para openoffice" width="300" height="93" /></p><br /><br /><p>Anteriormente hemos publicado <a title="plantillas para power point" href="http://www.frogx3.com/2008/03/14/tips-y-templates-para-powerpoint-gratis/" target="_blank">plantillas para power point</a>, <a title="plantillas para word 2007" href="http://www.frogx3.com/2008/05/18/plantillas-para-office-2007/" target="_blank">word</a> y <a title="plantillas para excel 2007" href="http://www.frogx3.com/2008/05/18/plantillas-para-office-2007/" target="_blank">excel</a>, ahora toca una lista de sitios donde podrías encontrar <strong>plantillas gratis para openoffice</strong>.</p><br /><br /><blockquote><p><strong>OpenOffice</strong> es un paquete de programas para oficina que son la alternativa libre y gratuita a <em>Microsoft Office</em>.</p></blockquote><br /><br /><p>A continuación les dejo 6 enlaces donde pueden encontrar <strong>plantillas en blanco gratis para openOffice</strong>.</p><br /><br /><ul><br /><br /><li><a title="wordlabel" href="http://www.worldlabel.com/Pages/openoffice-template.htm" target="_blank">Wordlabel</a> plantillas para openoffice en <strong>formato .stw y .ott</strong></li><br /><br /><li><strong><a title="openoffice extensions" href="http://extensions.services.openoffice.org/project/SunTemplatepack_1" target="_blank">Paquete profesional de plantillas</a></strong> en español, ingles, frances e italiano.</li><br /><br /><li><a title="OOextras" href="http://smalldataproblem.org/ooextras/" target="_blank">OOExtras</a>, plantillas para openoffice y<strong> plantillas para office</strong></li><br /><br /><li><a title="templates para openoffice" href="http://documentation.openoffice.org/Samples_Templates/User/template/index.html" target="_blank"><strong>Templates para openoffice</strong></a></li><br /><br /><li><a title="oxygen" href="http://extensions.services.openoffice.org/project/oxygenoffice-templates" target="_blank">Oxygen Office Extras</a> multi lenguaje</li><br /><br /><li><strong><a title="Oxygen office profesional" href="http://ooop.wiki.sourceforge.net/" target="_blank">Oxygen Office Profesional</a><br /><br /><br /></strong></li><br /><br /></ul>

<p>Etiquetas: <a href="http://bitacoras.com/canales/opensource">opensource</a>, <a href="http://bitacoras.com/canales/recursos">recursos</a>, <a href="http://bitacoras.com/canales/templates">templates</a>, <a href="http://bitacoras.com/canales/openoffice">openoffice</a>, <a href="http://bitacoras.com/canales/plantillas">plantillas</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Jorge</dc:creator>
		<title>Ejemplos creativos de la modificaci&#243;n de templates</title>
		<link>http://www.frogx3.com/2008/06/22/ejemplos-creativos-de-la-modificacion-de-templates</link>
		<guid isPermaLink="true">http://www.frogx3.com/2008/06/22/ejemplos-creativos-de-la-modificacion-de-templates</guid>
		<pubDate>Mon, 23 Jun 2008 00:44:29 +0200</pubDate>
		<category>disea</category>
		<category>creatividad</category>
		<category>templates</category>
		<category>wordpress</category>
		<category>web</category>
		<description><![CDATA[Por Jorge en frogx.three - Liberando las ideas el 23 de junio de 2008 a las 00:44:29

Existe un gran diferencia en el diseño web, entre copiar y modificar con creatividad los templates gratis para wordpress que descargamos en Internet.La semana pasada hubo un ejemplo de lo que es copiar un diseño en este caso el afectado fue diego mattei, pero pues lo cierto es que muchas personas  &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/frogx3">Jorge</a> en <a href="http://bitacoras.com/bitacora/www.frogx3.com">frogx.three - Liberando las ideas</a> el 23 de junio de 2008 a las 00:44:29</p>

<p>Existe un gran diferencia en el <strong>diseño web</strong>, entre copiar y modificar con creatividad los <a title="templates para wordpress" href="http://www.frogx3.com/tag/wordpress" target="_blank"><strong>templates gratis para wordpress</strong></a> que descargamos en Internet.</p><br /><br /><p>La semana pasada hubo un <a title="plagio de diseños" href="http://www.diegomattei.com.ar/2008/06/20/el-mundo-del-plagio/" target="_blank">ejemplo de lo que es copiar un diseño</a> en este caso el afectado fue <strong>diego mattei</strong>, pero pues lo cierto es que muchas personas únicamente descargan un template por su estructura y no por su diseño, posteriormente con creatividad presentan unos diseños que ha simple vista ni cuenta te darías de el parecido en la estructura con otros sitios.</p><br /><br /><p>En <strong>WPZoom</strong> han hecho una pequeña lista que ejemplifica muy bien el <strong>modificar con creatividad una plantilla</strong>.</p><br /><br /><p style="text-align: center;"><img class="alignnone size-full wp-image-1646" title="wordpress-themes" src="http://www.frogx3.com/wp-content/uploads/2008/06/3.jpg" alt="wordpress themes" width="450" height="350" /></p><br /><br /><p style="text-align: center;"><a title="css theme gallery" href="http://www.osdesigner.net/" target="_blank">Ver Original</a> - <a title="webdesign is art" href="http://www.webdesign-is-art.com/" target="_blank">Ver Modificación</a></p><br /><br /><p>En la imagen el ejemplo muestra el clásico <a title="css theme gallery" href="http://www.osdesigner.net/wordpress-themes/css-gallery-theme/" target="_blank">CSS theme Gallery </a>original y después el resultado de su modificación, si quieren conocer mas ejemplos de este tipo solo sigan el enlace al final.</p><br /><br /><p>Enlace: <a title="creative wordpress theme modification" href="http://www.wpzoom.com/design/creative-examples-of-wordpress-themes-modifications/" target="_blank">WPZoom, Creative Examples of wordpress theme modification</a></p>

<p>Etiquetas: <a href="http://bitacoras.com/canales/disea">disea</a>, <a href="http://bitacoras.com/canales/creatividad">creatividad</a>, <a href="http://bitacoras.com/canales/templates">templates</a>, <a href="http://bitacoras.com/canales/wordpress">wordpress</a>, <a href="http://bitacoras.com/canales/web">web</a></p>]]></content:encoded>
	</item>
	<item>
		<dc:creator>Jorge</dc:creator>
		<title>Plantillas de gafetes, tarjetas, se&#241;alamientos, botellas y otros</title>
		<link>http://www.frogx3.com/2008/06/22/plantillas-de-gafetes-tarjetas-senalamientos-botellas-y-otros</link>
		<guid isPermaLink="true">http://www.frogx3.com/2008/06/22/plantillas-de-gafetes-tarjetas-senalamientos-botellas-y-otros</guid>
		<pubDate>Mon, 23 Jun 2008 06:16:29 +0200</pubDate>
		<category>disea</category>
		<category>recursos</category>
		<category>templates</category>
		<category>plantillas blancas</category>
		<category>plantillas botellas</category>
		<description><![CDATA[Por Jorge en frogx.three - Liberando las ideas el 23 de junio de 2008 a las 06:16:29

Este tipo de fotos bien pueden servirle a diseñadores freelance, son un total de 40 fotos con partes blancas en las cuales únicamente tendrías que poner de tu creatividad para hacer tus trabajos, están dividas por categorías entre los tipos de fotos están:Plantillas para GafetesPlantillas de Sobre &#91;&#8230;&#93;]]></description>
		<content:encoded><![CDATA[<p>Por <a href="http://bitacoras.com/usuario/frogx3">Jorge</a> en <a href="http://bitacoras.com/bitacora/www.frogx3.com">frogx.three - Liberando las ideas</a> el 23 de junio de 2008 a las 06:16:29</p>

<p style="text-align: center;"><img class="alignnone size-full wp-image-1649" title="imagenes-blancas" src="http://www.frogx3.com/wp-content/uploads/2008/06/imagenes-blancas.jpg" alt="plantillas para tarjetas y sobres" width="450" height="350" /></p><br /><br /><p>Este tipo de fotos bien pueden servirle a <strong>diseñadores freelance</strong>, son un total de <strong>40 fotos con partes blancas </strong>en las cuales únicamente tendrías que poner de tu creatividad para hacer tus trabajos, están dividas por categorías entre los tipos de fotos están:</p><br /><br /><ul><br /><br /><li><strong>Plantillas para Gafetes</strong></li><br /><br /><li><strong>Plantillas de Sobres<br /><br /><br /></strong></li><br /><br /><li><strong>Plantillas para botellas</strong></li><br /><br /><li><strong>Plantillas para tarjetas</strong></li><br /><br /><li><strong>Plantillas de Señalamientos</strong></li><br /><br /><li>y mas…</li><br /><br /></ul><br /><br /><p>Enlace: <a title="40 high resolution blank templates" href="http://www.hongkiat.com/blog/40-high-resolution-blank-template-free-stock-photos/" target="_blank">40+ High resolution blank templates</a></p><br /><br /><p>Si te interesa este tipo de recursos igual y puedes usar estos:</p><br /><br /><ul><br /><br /><li><strong><a title="plantillas para tarjetas y sobres" href="http://www.frogx3.com/2008/04/13/imagenes-para-diseno-de-identidad/" target="_blank">Plantillas para tarjetas, sobres y hojas membretadas</a></strong>, útiles para diseño de identidad.</li><br /><br /><li><a title="moldes de cajas y empaques" href="http://www.frogx3.com/2008/04/22/imagenes-de-moldes-de-cajas-y-empaques/" target="_blank"><strong>Moldes de cajas y empaques</strong></a></li><br /><br /></ul>

<p>Etiquetas: <a href="http://bitacoras.com/canales/disea">disea</a>, <a href="http://bitacoras.com/canales/recursos">recursos</a>, <a href="http://bitacoras.com/canales/templates">templates</a>, <a href="http://bitacoras.com/canales/plantillas+blancas">plantillas blancas</a>, <a href="http://bitacoras.com/canales/plantillas+botellas">plantillas botellas</a></p>]]></content:encoded>
	</item>
	</channel>
</rss>