<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" ><channel><title>unijimpe &#187; Blogger</title> <atom:link href="http://blog.unijimpe.net/category/blogger/feed/" rel="self" type="application/rss+xml" /><link>http://blog.unijimpe.net</link> <description>Desarrollo Web, SEO, Adsense</description> <lastBuildDate>Mon, 28 Nov 2011 03:18:21 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Top Blogger Templates</title><link>http://blog.unijimpe.net/top-blogger-templates/</link> <comments>http://blog.unijimpe.net/top-blogger-templates/#comments</comments> <pubDate>Wed, 17 Oct 2007 06:25:13 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[Blogger]]></category> <category><![CDATA[General]]></category> <category><![CDATA[Tools]]></category> <category><![CDATA[diseño]]></category> <category><![CDATA[excel]]></category> <category><![CDATA[gratuito]]></category> <category><![CDATA[icon]]></category> <category><![CDATA[template]]></category> <category><![CDATA[theme]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://blog.unijimpe.net/top-blogger-templates/</guid> <description><![CDATA[<p>En esta oportunidad les traemos un listado de <strong>templates</strong> para el popular servicio gratuito <a href="http://www.blogger.com">Blogger.com</a>. En repetidas oportunidades me he dado con la sorpresa de encontrar templates de excelente calidad y que bien se merecen &#8230;</p>]]></description> <content:encoded><![CDATA[<p>En esta oportunidad les traemos un listado de <strong>templates</strong> para el popular servicio gratuito <a href="http://www.blogger.com">Blogger.com</a>. En repetidas oportunidades me he dado con la sorpresa de encontrar templates de excelente calidad y que bien se merecen compartirlas para que los puedas utilizar.</p><p style="text-align:center;"><img id="image686" src="http://blog.unijimpe.net/wp-content/uploads/2007/10/blogger.gif" alt="blogger.gif" /></p><p><strong>Minyx para Blogger</strong><br /> Originalmente creado por Mauricio Caballero para WordPress ha sido adaptado para Blogger obteniéndose un excelente resultado. <a href="http://b-themes.blogspot.com/2007/09/minyx-template-for-blogger.html">Minix for Blogger</a></p><p style="text-align:center;"><img id="image687" src="http://blog.unijimpe.net/wp-content/uploads/2007/10/minyx.jpg" alt="minyx.jpg" /></p><p><strong>Underground</strong><br /> Diseño en dos columnas en colores blanco, rojo y negro basado en el diseño original de <em>styleshout</em>. <a href="http://b-themes.blogspot.com/2007/10/underground-blogger-template.html">Underground Blogger Template</a></p><p style="text-align:center;"><img id="image688" src="http://blog.unijimpe.net/wp-content/uploads/2007/10/underground.jpg" alt="underground.jpg" /></p><p><strong>Blogy-Minimalista Negro</strong><br /> Otra adaptación de un template de WordPress, basada en <strong>Greenery</strong> de <em>Binary Bonsai</em> y adaptada para Blogger por <strong>BlogandWeb</strong>. <a href="http://blogandweb.com/2007/05/15/plantilla-blogy-minimalistanegro/">Plantilla Blogy-Minimalista Negro</a></p><p style="text-align:center;"><img id="image689" src="http://blog.unijimpe.net/wp-content/uploads/2007/10/minimalista.jpg" alt="minimalista.jpg" /></p><p><strong>Hemingway</strong><br /> Hemingway es un template muy popular para WordPress que ha sido adaptado a blogger con un excelente resultado. <a href="http://gpicon.blogspot.com/2006/07/blogger-template-hemingway.html">Hemingway template for Blogger</a></p><p style="text-align:center;"><img id="image691" src="http://blog.unijimpe.net/wp-content/uploads/2007/10/hemingway.jpg" alt="hemingway.jpg" /></p><p><strong>Red-White Web 2.0</strong><br /> Excelente diseño en tonalidades rojas y con muy buen acabado, tambien adaptado de WordPress y ahora esta disponible para Blogger. <a href="http://www.jackbook.com/2007/08/red-white-web-20-blogger-template.html#updates">Red-White Web 2.0</a></p><p style="text-align:center;"><img id="image692" src="http://blog.unijimpe.net/wp-content/uploads/2007/10/red-write.jpg" alt="red-write.jpg" /></p><p><strong>Green Marinee</strong><br /> Otro popular template migrado a Blogger, tiene una excelente combinación de colores en tres columnas. <a href="http://customtemplates.blogspot.com/2007/05/green-marinee-released.html">Green Marinee</a></p><p style="text-align:center;"><img id="image693" src="http://blog.unijimpe.net/wp-content/uploads/2007/10/green-marine.jpg" alt="green-marine.jpg" /></p><p><strong>Fresh Blogger Template</strong><br /> Un diseño muy fresco basado en colores verdes, con tres columnas es una excelente adaptación para Blogger. <a href="http://www.jackbook.com/2007/07/fresh-blogger-template.html">Fresh Blogger Template</a></p><p style="text-align:center;"><img id="image694" src="http://blog.unijimpe.net/wp-content/uploads/2007/10/fresh.jpg" alt="fresh.jpg" /></p><p><strong>Mas Información</strong><br /> Nosotros solo hemos seleccionado los que consideramos los mejores templates, pero puedo encontrar una lista mas detallada en:</p><ul><li><strong>B-themes</strong>: <a href="http://b-themes.blogspot.com/">http://b-themes.blogspot.com/</a></li><li><strong>Blog and Web</strong>: <a href="http://blogandweb.com/">http://blogandweb.com/</a></li><li><strong>Blogger Templates</strong>: <a href="http://jackbook.com">http://jackbook.com</a></li></ul><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 &#8211; 2011 <a href="http://blog.unijimpe.net">unijimpe</a> &#8211; Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/top-blogger-templates/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>Insertar SWFs en Blogger</title><link>http://blog.unijimpe.net/insertar-swfs-en-blogger/</link> <comments>http://blog.unijimpe.net/insertar-swfs-en-blogger/#comments</comments> <pubDate>Tue, 02 Oct 2007 05:15:47 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[Blogger]]></category> <category><![CDATA[Flash]]></category> <category><![CDATA[General]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[swf]]></category> <category><![CDATA[video]]></category> <category><![CDATA[Youtube]]></category><guid isPermaLink="false">http://blog.unijimpe.net/insertar-swfs-en-blogger/</guid> <description><![CDATA[<p>Una tarea común para muchos bloggers es insertar archivos Flash en blogs alojados en <a href="http://www.blogger.com">www.blogger.com</a>, para ello les damos las pautas necesarias para insertar adecuadamente SWFs en blogger.</p><p><strong>Sintaxis básica</strong><br /> Lo esencial para insertar archivo &#8230;</p>]]></description> <content:encoded><![CDATA[<p>Una tarea común para muchos bloggers es insertar archivos Flash en blogs alojados en <a href="http://www.blogger.com">www.blogger.com</a>, para ello les damos las pautas necesarias para insertar adecuadamente SWFs en blogger.</p><p><strong>Sintaxis básica</strong><br /> Lo esencial para insertar archivo SWF es incluir el tag <strong>object</strong> como en el siguiente código, donde <em>rutaarchivo.swf</em> es la ruta al archivo swf a insertar:</p><div class="syntax_hilite"><div id="html-4"><div class="html"><ol><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/object.html"><span style="color: #000000;">&lt;object</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"application/x-shockwave-flash"</span></div></li><li style="color:#26536A;"><div style="">&nbsp; &nbsp; &nbsp;<span style="color: #000066;">id</span>=<span style="color: #ff0000;">"movie"</span></div></li><li style="color:#3A6A8B;"><div style="">&nbsp; &nbsp; &nbsp;<span style="color: #000066;">data</span>=<span style="color: #ff0000;">"rutaarchivo.swf"</span></div></li><li style="color:#26536A;"><div style="">&nbsp; &nbsp; &nbsp;<span style="color: #000066;">width</span>=<span style="color: #ff0000;">"ancho"</span></div></li><li style="color:#3A6A8B;"><div style="">&nbsp; &nbsp; &nbsp;<span style="color: #000066;">height</span>=<span style="color: #ff0000;">"alto"</span><span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#26536A;"><div style="">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/param.html"><span style="color: #000000;">&lt;param</span></a> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"movie"</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">"rutaarchivo.swf"</span><span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><span style="color: #000000;">&lt;/object&gt;</span></span></div></li></ol></div></div></div><p></p><p>Adicionalmente a esto se puede agregar varios parámetros utilizando el tag <strong>param</strong>. Por ejemplo podemos agregar el modo de transparencia (<em>wmode</em>), calidad (<em>quality</em>), color de fondo (<em>bgcolor</em>), variables (<em>flashvras</em>) entre otros.</p><p><strong>Ejemplo</strong><br /> Si deseamos insertar un SWF llamado header.swf que tiene como dimensiones 700 x 80 pixels y deseamos que tenga fondo transparente y en baja calidad, tendríamos el siguiente código.</p><div class="syntax_hilite"><div id="html-5"><div class="html"><ol><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/object.html"><span style="color: #000000;">&lt;object</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"application/x-shockwave-flash"</span></div></li><li style="color:#26536A;"><div style=""><span style="color: #000066;">id</span>=<span style="color: #ff0000;">"movie"</span> <span style="color: #000066;">data</span>=<span style="color: #ff0000;">"header.swf"</span> <span style="color: #000066;">width</span>=<span style="color: #ff0000;">"700"</span> <span style="color: #000066;">height</span>=<span style="color: #ff0000;">"80"</span><span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/param.html"><span style="color: #000000;">&lt;param</span></a> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"movie"</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">"header.swf"</span><span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#26536A;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/param.html"><span style="color: #000000;">&lt;param</span></a> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"wmode"</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">"transparent"</span><span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/param.html"><span style="color: #000000;">&lt;param</span></a> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"quality"</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">"low"</span><span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#26536A;"><div style=""><span style="color: #009900;"><span style="color: #000000;">&lt;/object&gt;</span></span></div></li></ol></div></div></div><p></p><p><strong>Insertar un vídeo de Youtube</strong><br /> Aprovechamos que estamos insertando SWF en blogger y veamos la forma de insertar videos de Youtube en Blogger. Sea que tenemos un video con url http://www.youtube.com/watch?v=8C7SxYzDNZk luego para insertar este video tenemos:</p><div class="syntax_hilite"><div id="html-6"><div class="html"><ol><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/object.html"><span style="color: #000000;">&lt;object</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"application/x-shockwave-flash"</span></div></li><li style="color:#26536A;"><div style=""><span style="color: #000066;">width</span>=<span style="color: #ff0000;">"425"</span> <span style="color: #000066;">height</span>=<span style="color: #ff0000;">"350"</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"movie"</span></div></li><li style="color:#3A6A8B;"><div style=""><span style="color: #000066;">data</span>=<span style="color: #ff0000;">"http://www.youtube.com/v/8C7SxYzDNZk"</span><span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#26536A;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/param.html"><span style="color: #000000;">&lt;param</span></a> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"movie"</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">"http://www.youtube.com/v/8C7SxYzDNZk"</span><span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/param.html"><span style="color: #000000;">&lt;param</span></a> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"wmode"</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">"transparent"</span><span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#26536A;"><div style=""><span style="color: #009900;"><span style="color: #000000;">&lt;/object&gt;</span></span></div></li></ol></div></div></div><p></p><p>Así de rápido y sencillo con código no redundante y valido para todos los navegadores. Espero les sea de provecho.</p><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 - 2011 <a href="http://blog.unijimpe.net">unijimpe</a> - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/insertar-swfs-en-blogger/feed/</wfw:commentRss> <slash:comments>34</slash:comments> </item> <item><title>Sitemaps en Blogger.com</title><link>http://blog.unijimpe.net/sitemaps-en-bloggercom/</link> <comments>http://blog.unijimpe.net/sitemaps-en-bloggercom/#comments</comments> <pubDate>Sat, 16 Sep 2006 04:13:54 +0000</pubDate> <dc:creator>unijimpe</dc:creator> <category><![CDATA[Blogger]]></category> <category><![CDATA[General]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[SEO]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[feed]]></category> <category><![CDATA[gratuito]]></category> <category><![CDATA[maps]]></category> <category><![CDATA[sitemaps]]></category> <category><![CDATA[template]]></category> <category><![CDATA[Tools]]></category> <category><![CDATA[webmasters]]></category><guid isPermaLink="false">http://blog.unijimpe.net/?p=132</guid> <description><![CDATA[<p>La presente una pequeña guía para incluir un blog creado en <a href="http://www.blogger.com">Blogger</a> al directorio de Google usando el protocolo <strong>Sitemaps</strong>. Como hemos hablado en un <a href="http://blog.unijimpe.net/?p=123">post anterior</a> Sitemaps es un formato estandar mediante en cual &#8230;</p>]]></description> <content:encoded><![CDATA[<p>La presente una pequeña guía para incluir un blog creado en <a href="http://www.blogger.com">Blogger</a> al directorio de Google usando el protocolo <strong>Sitemaps</strong>. Como hemos hablado en un <a href="http://blog.unijimpe.net/?p=123">post anterior</a> Sitemaps es un formato estandar mediante en cual podemos informar a Google el contenido de nuestras páginas y nos aseguramos que lo indexe periodicamente.</p><p>Para los usuarios del gestor de blogs gratuito Blogger que tiene muchos usuarios, esta una pequeña referencia. Primero nos registramos en <a href="https://www.google.com/webmasters/sitemaps/siteoverview?hl=es">Google Webmaster Tools</a>, luego agregamos el url de nuestro blog (<i>http://miblog.blogspot.com</i>). El siguiente paso es agregar el código de verificación a nuestro template de blogger, para ello en nuestra cuenta de Sitemaps vamos al enlace <strong>Verificar</strong> el cual nos lleva a una pantalla que nos pregunta el metodo de verificación. Seleccionamos A<strong>ñadir una etiqueta Meta</strong>, este nos dará un código html que servirá para hacer la verificación de nuestro sitio.</p><p style="text-align:center"><img id="image126" alt=sitemap2.jpg src="http://blog.unijimpe.net/wp-content/uploads/2006/09/sitemap2.jpg" /></p><p>El siguiente paso es editar nuestro template de Blogger, para ello accedemos a nuestra cuenta y vamos a la opción Plantilla en la cual incluiremos el código de verificación.</p><p style="text-align:center"><img id="image133" src="http://blog.unijimpe.net/wp-content/uploads/2006/09/blogger.gif" alt="blogger.gif" /></p><p>Luego insertamos el código antes del tag <strong>Style </strong>como en el siguiente ejemplo:</p><div class="syntax_hilite"><div id="html-8"><div class="html"><ol><li style="color:#3A6A8B;"><div style=""><span style="color: #009900;"><a href="http://december.com/html/4/element/head.html"><span style="color: #000000;">&lt;head&gt;</span></a></span></div></li><li style="color:#26536A;"><div style="">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/title.html"><span style="color: #000000;">&lt;title&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000;">&lt;</span></a>$BlogPageTitle$&gt;</span><span style="color: #009900;"><span style="color: #000000;">&lt;/title&gt;</span></span></div></li><li style="color:#3A6A8B;"><div style="">&nbsp; <span style="color: #009900;"><span style="color: #000000;">&lt;</span></a>$BlogMetaData$&gt;</span></div></li><li style="color:#26536A;"><div style="">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/meta.html"><span style="color: #000000;">&lt;META</span></a> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"verify-v1"</span> <span style="color: #000066;">content</span>=<span style="color: #ff0000;">"zq/BASdxxybbokrJJ5pRL6OVC4U1h6JRq7NfVgVw3uY="</span> /<span style="color: #000000;">&gt;</span></a></span></div></li><li style="color:#3A6A8B;"><div style="">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/style.html"><span style="color: #000000;">&lt;style</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text/css"</span><span style="color: #000000;">&gt;</span></a></span></div></li></ol></div></div></div><p></p><p>Guardamos los cambios en la plantilla. En Blogger no es necesario crear ningun archivo sitemap.xml, podemos utilizar el formato de sindicación <strong>Atom</strong> el cual lo genera automaticamente. Para ello debemos tener activo el formato de sindicación en Atom, esto lo hacemos accediendo a la opción <strong>Feed del Sitio</strong> y en la opción <strong>Publicar Feed del sitio</strong> seleccionar Si.</p><p style="text-align:center"><img id="image134" src="http://blog.unijimpe.net/wp-content/uploads/2006/09/blogger1.gif" alt="blogger1.gif" /></p><p>El paso final seria agregar el sitemap de nuestro blog, para ello seleccionamos la opción <strong>Añadir Sitemap</strong>. En el formulario insertamos la url de nuestro archivo Atom que sería de la forma: <em>http://miblog.blogspot.com/atom.xml</em>.</p><p style="text-align:center"><img id="image135" src="http://blog.unijimpe.net/wp-content/uploads/2006/09/blogger2.gif" alt="blogger2.gif" /></p><p>Listo, sencillo y con eso tendremos nuestro blog siempre actualizado en Google.</p><p style="font-size: 10px;border-top: 1px solid #666666;margin-top=12px;padding-top:6px;">&copy; 2006 - 2011 <a href="http://blog.unijimpe.net">unijimpe</a> - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.</p><br /> ]]></content:encoded> <wfw:commentRss>http://blog.unijimpe.net/sitemaps-en-bloggercom/feed/</wfw:commentRss> <slash:comments>16</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced (User agent is rejected)
Database Caching using disk: basic

Served from: blog.unijimpe.net @ 2012-02-08 10:59:48 -->
