Chica Blogger

* Testeado en Firefox 3.0, Chrome 1.0 & IE 6, 7 y 8.

SH Trocadero es un tema grunge muy sencillo de 2 columnas, preferentemente para mujeres, diseñado por Shinra House (para Wordpress), y lanzado bajo licencia GPL. Ver theme original.

No requiere mayores instrucciones para su instalación en Blogger, salvo dos precisiones:

1. Es necesario mostrar el widget de archivos como menú desplegable.
2. El theme no incluye buscador interno, así que no lo añadí a la plantilla. De todas maneras, anexé el código para incluir un buscador.

DEMO | DESCARGA – DOWNLOAD

*Testeado en Firefox 3, IE 7 & IE 8.

Instrucciones – Instrucions

1. Anda a Diseño/Edición de HTML y sube la plantilla. Guarda. / Go to Layout/Edit HTML and upload the xml file. Save.

2. Cambia el formato de la hora a la fecha del día de hoy (por ejemplo, Miércoles, Enero 28, 2009) en Configuración/Formato. Change the post timestamp format to the date today (for example, Wednesday, January 28, 2009) at Settings/Formating.

3. Personaliza el menú buscando este código./ Customize your menu bar (there are two) by searching this code.

<ul id='nav'>
 
<li class='page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li class='page_item'><a href='#'>Edit</a></li>
 
         </ul>

4. Busca el siguiente código para cambiar la url de tu blog y el link del tu feed RSS (si usas Feedburner)./ Search for the following code to change your blog url and your RSS feed link (if you use Feedburner):

<div id='sb'>
<a href='http://technorati.com/faves?add=http://YOURBLOG.blogspot.com/'><img alt='technorati' src='http://2.bp.blogspot.com/_XxWhaC4o7dE/SThAxTESzdI/AAAAAAAAAIQ/WZccR6A-IWk/s1600/technorati.gif'/></a><a href='/feeds/posts/default'><img alt='subscribe' src='http://4.bp.blogspot.com/_XxWhaC4o7dE/SThAxIdRznI/AAAAAAAAAH4/NpSShOhG_t0/s1600/rss.gif'/></a>
</div>

5. Pon tus anuncios aquí./Put your ads here.

<div id='ads'>
<a href='#'><img alt='ads' src='http://4.bp.blogspot.com/_XxWhaC4o7dE/SThAvllPZ6I/AAAAAAAAAG4/flUohgfTVhc/s1600/adblock.gif'/></a><a href='#'><img alt='ads' src='http://4.bp.blogspot.com/_XxWhaC4o7dE/SThAvllPZ6I/AAAAAAAAAG4/flUohgfTVhc/s1600/adblock.gif'/></a>
</div>

Polaroid Press es un theme para Wordpress diseñado por Magnus Jepson en enero del 2008. Fue lanzado como Premium, con un costo de $49 USD, pero hace unos días lo lanzó como un theme gratuito. Pienso que es un bonito diseño para blogs personales, aunque me parecía un poco caro. Felizmente, ahora está disponible para todo aquel que quiera usarlo, porque en adición al diseño original, hice mi propia adaptación para Blogger, también disponible para descargar.

Descargar theme original (desde el blog de M. Jepson).

PolaroidPress para Blogger

*Testeado en Firefox 3, IE 7 & IE 8.

UPDATED – ACTUALIZADO: Fixed for IE 6. Arreglado para IE 6.

Instrucciones – Instrucions

1. Anda a Diseño/Edición de HTML y sube la plantilla. Guarda. / Go to Layout/Edit HTML and upload the xml file. Save.

2. Cambia el título y la descripción buscando este código./ Find these lines to change the title of your template.

<h1><a href='/'>Polaroid Press</a></h1>
<p class='description'>Just another Blogger blog</p>

3. Personaliza el menú (hay dos) buscando este código./ Customize your menu bars (there are two) by searching this code.

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li><a href='#'>Edit</a></li>

4. Cambia el link del feed RSS (si usas Feedburner)./ Change the RSS feed link (if you use Feedburner).

<span id='rss-big'><a href='/feeds/posts/default' title='Syndicate this site using RSS'/></span>

Instrucciones – Instructions

1. Anda a Diseño/Edición de HTML y sube la plantilla. Guarda. / Go to Layout/Edit HTML and upload the xml file. Save.

2. Cambia el título y la descripción buscando este código./ Find these lines to change the title of your template.

<h1><a expr:href='data:blog.homepageUrl'>Black splat</a></h1>
<h3>Just another Blogger blog</h3>

3. Busca este código para editarlo. Puedes añadir un banner aquí./ Search this code if you wish to customize it. You can add a banner here.

<div id='topright'>Customize this in layout / Edit HTML. You can fit a 468x60 banner here, if you wish. Lorem ipsum dolor sit amet, consectetuer <a href='#'>link</a>. Lorem ipsum mauris semper, consectetuer <a href='#'>another link</a>.</div><!-- Closes topright -->

4. Personaliza el menú buscando este código./ Cuztomize your menu bar by searching this code.

<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li class='rssmenu'><a href='/feeds/posts/default'>rss</a></li>
</ul>

5. Cambia el formato de la hora al día de hoy (Jueves, Diciembre 25, 2008)./ Change the timestamp format to the date today (Thursday, December 25, 2008).

Encontré estos themes en Wordpress Themes Box, y que parecieron simpáticos para convertirlos a Blogger. Son dos diseños simples de 2 columnas, pero lindos y femeninos, ideales para blogs personales.

Características: 2 Columnas, barra lateral derecha, buscador interno, menú personalizable.

I found these themes at Wordpress Themes Box, and I thought it would be nice to convert them to Blogger. They’re two simply 2 columns designs, but they’re cute and feminine, recommended for personal blogs.

Features: 2 columns, right sidebar, searchform, customizable menu.

C Curvy

DEMO | DOWNLOAD

G Curvy

DEMO | DOWNLOAD

Instrucciones – Instructions

1. Anda a Diseño/Edición de HTML y sube la plantilla. Guarda. / Go to Layout/Edit HTML and upload the xml file. Save.

2. Cambia el título y la descripción buscando este código/ Find these lines to change the title of your template.

<!--TITLE-->
<div id="logo"><a>G Curvy Template</a></div>
<!-- END TITLE -->

3. Personaliza el menú buscando este código/ Cuztomize your menu bar by searching this code.

<!-- MENU -->
<div id="menu">
	<li><a>Home</a></li>
	<li><a>Posts RSS</a></li>
	<li><a>Comments RSS</a></li>
	<li><a href="#">About</a></li>
</div>
<!--END MENU-->

ACTUALIZACIÓN:
Me avisaba LUKI que había un problema con el margen del primer post en IE. Acabo de actualizar las plantillas. Para corregir el error, era necesario buscar esta parte del código y añadir la línea en rojo:

.post{
margin-bottom:20px;
margin-top: -10px;
*margin-top: 0;
border-bottom:1px solid #eae6ab;
padding-bottom:18px;
}