Chica Blogger

Hemos visto desfilar un boom de herramientas para personalizar Twitter. Opciones hay muchísimas: una de ellas es la que nos ofrece Themeleon, desarrollado por la Comunidad de Color y Diseño ColourLovers, uno de los lugares más memorables para elegir paletas de colores y patrones de fondo para diseño web.

La herramienta – muy al estilo del generador de pattercooler – ofrece más de 600 mil patterns tileables y 1 millón de paletas de color para diseñar tu fondo a tu pinta, en tres simples pasos: (1) ingresar con tu cuenta Twitter, (2) elegir el patrón y los colores de tu preferencia y (3) guardar los cambios. Perfectamente, también se podría utilizar para decorar tu web o blog.

Vía | TensaiWeb

Cuando tienes muchas etiquetas y una barra lateral lo suficientemente ancha, siempre tienes la opción de dividir el widget de etiquetas en dos o más, por una cosa de orden y estética.

Hace un tiempo, Cebong mostraba una forma de crear un widget de etiquetas multicolumnas añadiendo una nueva sección en el footer o la sidebar.

En realidad, es mucho más simple de lo que parece: no es otra cosa que determinar anchos (%) para las listas de esa sección. En otras palabras, puedes hacer lo mismo si ya añadiste un widget de etiquetas a tu sidebar, pero con un código CSS simplificado a ser añadido antes de ]]></b:skin>:

#Label1 ul li{
float: left;
width: 45%;
}

A considerar:

• El ancho (width) va a depender de cuántas columnas quiera incluir, y no siempre es exacto, porque el widget de etiquetas va a heredar el padding de las listas de la sidebar (.sidebar ul li o similar). En este caso, 45% está bien para dos columnas; para 3 columnas, quizá ande bien con 30 ó 33%.
• El selector #Label1, puede variar. Por defecto, el widget de etiquetas (si tienes sólo uno), debiera ser Label1; pero, si tienes dos, tendrías un widget de ID Label1, y otro Label2.
• Puedes dividir cualquier widget de lista (ejemplo, lista de enlaces) de la misma forma, averiguando su ID.

Soy de esas personas que no se pierden las recopilaciones de íconos sociales, aunque no los use en el mismo momento, o aunque no los use nunca. Las grandes recopilaciones nos dan la posibilidad de mirar y ahorrar mucho tiempo cuando buscamos íconos.

Free Social Icons compila una gran cantidad de íconos de Twitter y social media: en total, más de 100 packs de íconos de calidad para diseñadores y bloggers, entre los cuales se incluyen paquetes exclusivos. Y se va actualizando conforme van apareciendo nuevos trabajos…

Vía| 2.0 Webmania

Los botones para compartir contenidos son un elemento casi imprescindible en cualquier blog. No son un solo adorno: permiten que otras personas difundan tus posts para conseguir más tráfico y mejorar el posicionamiento de tu sitio.

¿Cómo incluir estos botones cuando usas Blogger? Hay al menos 6 formas de hacerlo:

AddThis

Una de las herramientas más populares. Es personalizable, soporta 50 lenguajes (se traduce automáticamente) y más de 150 servicios, incluyendo Twitter, Facebook, Myspace, Menéame y opciones para compartir por correo y agregar a favoritos.

Te da la opción de instalar en la sidebar o incluir el código en el post-footer de tu plantilla, pudiendo hacer un seguimiento de tus estadísticas (mediante registro).

ShareThis

Otra conocida opción fácil de instalar, pero que requiere registro. Se añade como si fuera un widget, incorporándose automáticamente al pie de tus posts. Eso sí, es mucho más limitado que AddThis: Aunque te da la posibilidad de mostrar botones rotatorios, es escasamente personalizable; y además, soporta sólo 45 servicios y está en inglés.

AddtoAny

Uno de mis favoritos: amigable, personalizable, e incorpora una gran cantidad de servicios (más de 120), incluyendo Menéame (aunque sigo extrañando a Bitácoras en el listado).
Entre las opciones de customización incluye: cambio de colores, encabezados, prioritización de servicios y posibilidad de incorporar servicios adicionales, entre otras. También te ofrece un botón adicional que facilita la suscripción a tus lectores.
Se instala manualmente copypasteando el código bajo el post-body de tu plantilla.

Wikio Buttons

Es el botón de suscripción universal para compartir y votar del cual hablaba hace meses. Puedes generarlo desde la sección de Herramientas de Wikio, escogiendo los servicios que vas a añadir. Lo que me gusta de Wikio, es que es simple pero llamativo, y que incorpora redes sociales hispanas como Bitácoras, Menéame, Fresqui y el mismo Wikio.

Si tienes problemas para incluirlo en tu blog, puedes revisar el video que preparó Wikio (para instalar como widget) o revisar el post de Rosa María para añadir en el pie de las entradas.

Pretty Sociable

Si eres lector frecuente de Mashable, sabrás que en Septiembre pasado implementaron un sistema para compartir imágenes y videos con el arrastre de tu mouse. El servicio, gentileza de Meebo (sí, el mismo sitio donde puedes acceder a tu messenger online), es pago; no obstante, puedes implementar tu propia versión – que nada tiene que envidiarle a Meebo – con jQuery. En Eliseos, Alexis explica cómo hacerlo.

Sexy bookmarks

Probablemente has sexy bookmarks visto en muchos blogs en inglés, con mensajes como “sharing is sexy” o “sharing is caring”. La gracia de sexy bookmarks, es el simple pero atractivo efecto mouse-hover que da “movimiento” a los íconos y hace honor a su nombre.
El plugin ha sido adaptado por CSS Reflex para ser incorporado en Blogger y recreado en su versión latina por Pizcos (recomendado). Puedes adaptar la técnica para poner tus propios botones.

¿Cuál preferir?
Pienso que siempre es mejor añadir íconos de social media de tu preferencia para que éstos se adapten al diseño. Sino, me parece que el botón de Wikio es la mejor alternativa: es funcional, estético e incluye las redes sociales hispanas.

Aunque me gustaría comenzar a producir mis propios diseños, adaptar (o “convertir”) plantillas de otras plataformas para que funcionen en Blogger sigue siendo un hobbie recomendado para todo aquel que quiera mejorar sus conocimientos en CSS y conseguir backlinks.

Estas son mis tres últimas adaptaciones, compatibles con IE7, IE8, Firefox y Chrome:

Wild Nature

Basada en el CSS de un diseño hecho por Janko Jovanovic para BlogEngine.NET (no disponible para Wordpress).

Características: 2 columnas, avatares para comentarios anónimos, variables para personalizar fuentes y colores, menú, estilos en el buscador de Google.

Es fácil de instalar siguiendo las instrucciones incluidas para configurar el menú y la fecha. Usa un script basado en la hora, así que es necesario cambiar la hora (no la fecha) a Miércoles, Octubre 28, 2009 (por ejemplo).

Demo & Descarga (desde BTemplates)

Earthling two

Basada íntegramente en el diseño de Free CSS Templates del mismo nombre.

Características: 2 columnas, variables para personalizar fuentes y colores, widgets en el footer, menú, estilos en el buscador de Google.

Puedes configurar el menú y remover o modificar fácilmente la imagen del banner situada arriba de la columna de posts, leyendo las instrucciones.

Demo & Descarga

Characterized

También diseño de Free CSS Templates.

Características: 2 columnas, variables para personalizar fuentes y colores, menú configurable, buscador interno (no es el de Google).

Al igual que Earthling two, tiene un banner que puedes quitar o modificar leyendo las instrucciones.

Demo & descarga

Siempre trato de probar cuidadosamente las plantillas, y estoy en proceso de hacer modificaciones en plantillas viejas para una mejor experiencia y una instalación más sencilla. Las sugerencias son siempre bienvenidas.