Blogger

Blogger: el primer post con un estilo diferente

Publicado por Claudia en junio 23, 2009

Desde hace un tiempo, me preguntaba cómo hacer que en Blogger el primer post se muestre distinto a los demás, de modo tal que éste tenga un estilo único que lo haga destacar sobre el resto.

Actualmente, Blogger está añadiendo nuevos códigos (y posibilidades) a sus plantillas, que al parecer van de la mano con su aniversario número 10. Así, por ejemplo, se rumorea (con bases muy certeras) la posibilidad de inclusión de un hack que permite acortar los posts, y que es análogo a la función “more” de WordPress.

La última gran novedad, es la inclusión de un nuevo código condicional que hace posible definir un estilo distinto y único sólo para el primer post:

 <b:if cond='data:post.isFirstPost'> contenido </b:if>

Este código puede ser de gran utilidad para destacar el título del primer post (como muestra Ro en Bloggersphera), conseguir que un determinado hack (por ejemplo, “leer más con thumbnails“) se aplique sólo al primer post, o destacar el post completo al estilo de los “featured posts” de WordPress.

Los condicionales de Blogger son apliamente usados para aplicar hacks o crear plantillas tipo Magazine, galerías de imágenes. Por ejemplo:

  • Para mostrar sólo en la página principal
<b:if cond='data:blog.pageType == "index"'> contenido </b:if>
  • Para mostrar en un post individual
<b:if cond='data:blog.pageType == "item"'> contenido </b:if>

*Podrían cumplir funcionales análogas al index.php y el single.php de WordPress, respectivamente.

Estos tres códigos condicionales básicos expanden las posibilidades de Blogger, y lo llevan a niveles insospechados hasta hace quizá un par de años. Si quieres adentrarte en su uso, puedes revisar el excelente tutorial de Vagabundia que explica el uso avanzado de condicionales.

Por ahora, el uso de condicionales para el primer post da para detenerse un rato a probar y experimentar, porque no es un ejercicio realmente simple (aunque sí puede tener resultados muy satisfactorios). Sigo haciendo mis propios experimentos.

Tags: , , ,
Wordpress

WP-Phototagger: Etiqueta tus fotos al estilo Facebook

Publicado por Claudia en junio 3, 2009

Phototagger es un nuevo e interesante plugin que trae a WordPress la funcionalidad del etiquetado de fotos, de manera muy similar a Facebook y Flickr. Aún está en fase beta, y no es difícil de usar; salvo algún pequeño percance que puedas tener, corre bien en casi cualquier theme, y es compatible incluso con PHP 4.

Su uso es tan simple como:

1. Instalar el plugin en la carpeta wp-content/plugins y activarlo.
2. Añadir una imagen a la biblioteca de objetos y hacer click en Editar/Edit Tags
3. Pulsar el botón Add new tag para añadir una nueva etiqueta, y seleccionar con el mouse la porción de la foto que quieres etiquetar (puedes agregar un link de destino para cada etiqueta).
4. Crear un nuevo post y añadir la imagen desde la Biblioteca de objetos, seleccionando la opción Show Tags.

Después de publicar el post, el resultado será algo como esto:

Watchmen Charlie Brown


El único reparo que tengo que hacerle al plugin es que por ahora no permite añadir notas o títulos a las porciones de imagen seleccionadas. Pero, al parecer, su autor está pensando en añadir esta nueva funcionalidad.

Más información:

Tags: , ,
Productos Google

Analycator: Haz públicas tus estadísticas de Analytics

Publicado por Claudia en mayo 23, 2009

google-analycator

Para quienes utilizamos Google Analytics para el seguimiento de nuestras estadísticas, es fantástica la noticia de que podemos hacer público nuestro número de visitantes diarios. Se trata de la creación del plugin “Analycator“, que añade el código javascript necesario para autorizar el acceso a Analytics desde cualquier blog (WordPress), y que permite añadir un contador que muestra las visitas del día anterior. Es una forma simple (y fácil de configurar) de hacer visibles tus estadísticas, dándote mayor credibilidad frente a tus anunciantes.

Tags: , ,
Wordpress themes

6 deliciosos themes WordPress para Pascua

Publicado por Claudia en marzo 27, 2009

Pensando en quienes aun tenemos alma de niños, hice una pequeña recopilación de themes gratuitos de Pascua para WordPress. En conjunto con los íconos de conejitos de pascua que publiqué hace algunos días, pueden ser útiles para cambiar temporalmente el diseño de blog en estos días, añadir algún detalle o bien simplemente servir de inspiración:

WP EASTER EGGS (DemoDescarga)

wpeastereggs

WP COLORFUL EASTER (DemoDescarga)

wpcolorfuleaster

EASTEROX (DemoDescarga)

easterox

EASTER EGGS (Demo - Descarga)

eastereggs

EASTER BUNNY (DemoDescarga)

easterbunny

PINK EASTER (DemoDescarga)

pinkeaster

Otros recursos recomendados:

Tags: , , ,
Wordpress themes

Woogle: Google en versión WordPress

Publicado por Claudia en marzo 25, 2009

woogle

Si te gustó Google Gmail, el theme basado en la apariencia de Gmail, seguramente te gustará Woogle un theme que luce exactamente como Google, y que fue creado por Ericulous para el April Fool’s Day, la versión gringa del Día de Los Inocentes.  Ideal para gastarle una broma a tus amigos, y decir que tu sitio fue “adquirido e integrado a Google” (o lo que se te ocurra), o simplemente para darte el gusto de tener tu “propio” Google.

Algunas características del theme: 2 columnas, ancho fluido, widgets y gravatar ready, crossbrowser compatible.

Puedes ver el DEMO de Woogle (cuidado con confundirse!), o DESCARGARLO directamente desde Ericulous.

*El theme no incluye logo, pero éste puede ser creado desde Google Logo Maker.

Vía: Weblogtools


Tags: , ,