Free Blogger Templates

Blogger Template: City Girl

Publicado por Claudia en Enero 18, 2011


DEMO | DESCARGA City Girl (2444)

Características:

  • Dos columnas
  • Columnas inferiores
  • Soporta las últimas funciones de Blogger
  • jQuery TipTip incorporado
  • Comentarios de autor destacado
  • Probada en las últimas versiones de IE, Chrome y Firefox
Tags: , ,
Free Blogger Templates

Blogger Template: Fashionable

Publicado por Claudia en Enero 10, 2011

Fashionable es una plantilla blogger gratuita para blogs de chicas y/o de moda.


DEMO | DESCARGA Fashionable (1421)

Características:

  • Dos columnas
  • Columnas inferiores
  • Soporta las últimas funciones de Blogger
  • jQuery TipTip incorporado
  • Comentarios de autor destacado
  • Probada en las últimas versiones de IE, Chrome y Firefox
Tags: , ,
Free Blogger Templates

Latte: Plantilla premium para Blogger

Publicado por Claudia en Abril 27, 2010

Hace tiempo que tenía ganas de crear un diseño exclusivo para Blogger, además de adaptar diseños de WordPress. Su nombre es “Latte“, y no es extraño que sea predominantemente café.

Las críticas y sugerencias para nuevos diseños son siempre bienvenidos. También me abro a la posibilidad de conseguir sponsors para próximas plantillas.

DEMO | DESCARGA Latte Blogger (5118)

Características:

  • 2 columnas
  • Menú superior con jQuery javalamp (soporta páginas)
  • Menú inferior personalizable desde la Edición de elementos
  • Slideshow fácil de editar que puede ser removido para una versión ligera (ver instrucciones)
  • Buscador interno incluido
  • Sección superior para añadir un banner de 468×60 píxeles
  • Botones en la sidebar para fácil suscripción
  • Widgets en el footer
  • Incluye el PSD del logo

Tiene las imágenes y los scripts alojados en Blogger y Google Code, respectivamente, pero están incluidos en el paquete si deseas cambiar el hosting.
La fuente usada en el logo se llama Olijo, y se puede conseguir gratis en DaFont.

*Imágenes del slideshow: Kubina, itsgreg, DeusXFlorida.

Tags: , ,
Free Blogger Templates

Quick Chic: Template minimalista para Blogger

Publicado por Claudia en Julio 24, 2009

Vi este theme para WordPress, y lo tomé para experimentar un poco en Blogger. Fue diseñado por QuickOnlineTips y, como puede apreciarse, es minimalista y algo femenino.

DEMO | DESCARGA

Características de la plantilla:

  • Dos columnas
  • Buscador interno incluido
  • Variables para la personalización de fuentes y colores*
  • Destaca el primer post*
  • Optimizada para SEO
  • Compatible con IE 6, 7, 8, Firefox, Chrome y Opera

* Tiene la ventaja de que al no utilizar más imágenes que los íconos RSS, puedes cambiar el rosado por cualquier color, e incluso deshabilitar el color de fondo del primer post desde la edición de fuentes y colores.

Tags:
Blogger, Tutoriales

Blogger: el primer post con un estilo diferente II

Publicado por Claudia en Julio 6, 2009

Guti me pedía que explicara un poco más acerca de cómo mostrar el primer post con un estilo distinto en Blogger (viene de acá), utilizando el nuevo código condicional que aparece en las plantillas.

En general, es posible hacer modificaciones básicas añadiendo estilos condicionales bajo el cierre de “b:skin“, y justo antes del cierre de la etiqueta “head“, de la siguiente manera:

Condicionales Blogger

Lo anterior va a definir estilos para el primer post, que son distintos a los de los posts individuales. En el ejemplo, puse un color distinto para el cuerpo de los posts (post-body). No obstante, añadir condicionales para el primer post es algo más complejo que eso. No recomiendo su uso para quienes no están familiarizados con la estructura de las plantillas de Blogger, porque podrían sufrir un gran dolor de cabeza.

Hace unos días, Ro Zanchetta escribió una entrada de cómo usar la nueva etiqueta “isFirstPost” en Blogger, con un ejemplo concreto para plantillas tipo revista, utilizando un hack para “leer más”. Para quienes son arriesgados y quieren “lanzarse directamente a los leones”, el post de Ro es una lectura obligada. Por mi parte, voy a explicar el mecanismo para usar condicionales para el primer post, de acuerdo a mis propios experimentos.

Ahora bien: Al expandir los artilugios de las plantillas, es posible encontrar la siguiente código:

<b:includable id='post' var='post'>
Código-post
</b:includable>

Lo que llamé Código-post son muchas líneas de código, las cuales en una plantilla muestran: el título de un post, el cuerpo del post, y el footer del post, donde aparecen los meta-datos: autor del post, hora, comentarios, etiquetas y otros.

Entonces, el procedimiento a seguir es el siguiente: copiar el código de los posts (debe mostrarse dos veces en total) utilizando distintos condicionales, de la siguiente manera:

<b:if cond='data:post.isFirstPost'>
Código-post con clases distintas para el primer post
<b:else/>
Código-post
</b:if>

El “Código-post” es el código completo, íntegro, sin cambios. Sin embargo, el “Código-post con clases distintas para el primer post” debe tener algunos cambios. Por ejemplo:

  • En vez de “div class=’post-entry‘”, voy a usar “div class=’post-entry-first‘”
  • En vez de “div class=’post-body entry-content‘”, voy a usar “div class=’post-body-first’

Y así sucesivamente, definiendo mis propios selectores para esa sección. Preferí usar selectores similares a los de la plantilla Mínima, agregando “-first” a cada uno, para que sean más fáciles de recordar.

Hecho este procedimiento, sólo queda definir las propiedades para cada selector antes del cierre de “b:skin”, como en la siguiente imagen (sólo es un ejemplo, porque puedes hacer mucho más):

Condicionales Blogger

Voilá! Eso es todo. Probablemente, la etiqueta “isFirstPost” dé para una nueva entrada de este tipo, sobre cómo añadir hacks. A mí, por ejemplo, me gustaría poner un hack “leer más” automático en el primer post, y un hack “leer más” no-automático para los siguientes. Es cosa de seguir experimentando…

Tags: , ,