Herramientas

Twilight: Plantilla para Blogger

Publicado por Claudia en Octubre 11, 2010

De vuelta al ruedo, presento Twilight, una adaptación para Blogger de un tema WordPress diseñado por Far from Fearless. Como se puede apreciar, se trata de una plantilla basada en la Saga Crepúsculo de Stephenie Meyer; por lo tanto, es ideal para los fanáticos de los libros y/o de la película, o también para blogs de literatura.

DEMO | DESCARGA Twilight (3942)

Características:

  • 2 columnas de ancho fijo
  • Menú superior que muestra automáticamente tus páginas
  • Probada en las últimas versiones de IE, Chrome y Firefox
  • Imagen superior customizable

La imagen superior se cambia buscando el siguiente código en Diseño/Edición de HTML:

<div class='twilight' id='brand'/>

En dicho código se puede cambiar la palabra “twilight” por “newmoon” o “eclipse“.

Blogger, Herramientas

Pure CSS Menu: Generador de menús desplegables sin javascript

Publicado por Claudia en Enero 27, 2010

Jebú me comentaba sobre Pure CSS Menu, un sitio para crear menús desplegables (drop down) únicamente con CSS, y con la misma técnica usada por Janko Jovanovic.

Aunque el sitio está en inglés, es intuitivo y simple de usar, especialmente para quienes tienen pocos conocimientos de CSS y HTML. Puedes elegir una plantilla, cambiar los bordes, colores, estilo de fuente, configurar enlaces con pocos clicks y descargar luego el paquete zip hacia tu computador.

Cómo instalar un menú (en Blogger)

El fichero “purecssmenu-com.zip” contiene un archivo HTML y una carpeta con imágenes. Su intalación no es complicada:

1. Abrir el archivo purecssmenu.html. Éste se abre en una nueva pestaña de tu navegador.

2. Una vez abierta la pestaña, hacer click sobre ella con el botón derecho de tu mouse, y seleccionar la opción “Ver código fuente de la página“. Esos son los correspondientes códigos a ser pegados en la plantilla.


3. El código CSS comprendido entre las etiquetas <style> y </style> (excluidas éstas), debe ser pegado en la Edición de HTML de la plantilla, justo antes de ]]></b:skin>. Guardar los cambios.

4. El código HTML comprendido entre los comentarios <!– Start PureCSSMenu.com MENU –> y <!– End PureCSSMenu.com MENU –> debe ser copiado antes o después del cierre del div ‘header-wrapper‘ (en la plantilla Mínima de Blogger), reemplazando las dobles comillas por comillas simples (). Una manera más simple de hacerlo, es creando un nuevo gadget de HTML/Javascript desde Diseño /Elementos de la página, en la sección llamada “crosscol-wrapper” que está justo bajo la cabecera y copypasteando el código allí. Esto último facilita su edición en cualquier momento.

5. Como últimos pasos, queda hospedar en tu hosting las imágenes contenidas en la carpeta images y reemplazar los enlaces en el CSS, justo donde se indica; y estilizar un poco el menú para integrarlo a la plantilla. Para ello, puedes modificar totalmente el CSS. En mi plantilla de pruebas, le di al contenedor #crosscol-wrapper un ancho de 100%, usando el mismo color del fondo que tenía originalmente mi menú:

#crosscol-wrapper { background:#E62E6B; width: 100%;}
Tags: ,
Herramientas, Microblogging

Customiza tu Twitter con Themeleon

Publicado por Claudia en Diciembre 3, 2009

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.

Themeleon

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

Herramientas

Free Social Icons: Todos los íconos social media en un solo lugar

Publicado por Claudia en Noviembre 10, 2009

FreeSocialIcons

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

Herramientas

Koego: Un sistema de estadísticas pensado en bloggers

Publicado por Claudia en Septiembre 27, 2009

Descubrí Koego hace poco más de una semana. Instalé el código de seguimiento en mi blog, me suscribí al newsletter, y me olvidé. Me dije: “De acuerdo, sólo una alternativa más a Google Analytics“.

Hace un par de días, al recibir un mail masivo del staff, volví a entrar al site: me sorprendí  los detalles de las estadísticas, y con los cambios que habían hecho para mejorar la integración con redes sociales.

koego-analytics

¿Qué tiene de bueno Koego?

En dos palabras: estadísticas exhaustivas. Entega:

  • Detalles “desmenuzados” de los visitantes: tiempo de permanencia, retorno, páginas vistas, país de procedencia, idioma, fuentes de tráfico, sistema operativo, navegador, resolución de pantalla, horas “peak”, días de la semanas en que más tráfico recibes y keywords que más visitas atraen.
  • Un puntaje “ego” (de ahí el nombre “koego”) cuya fórmula, del 1 al 100, estima el crecimiento de tu blog en base al número de visitas, número de comentarios por día y posts populares.

Además, se integra con Twitter y FriendFeed. En el caso de Twitter, puedes ver un reporte de toda tu actividad (número de tweets por día, seguidores, personas a las que sigues, usuarios más mencionados y hashtags más usados), y averiguar qué tantos retweets, replies y menciones recibes; y, en el caso de FriendFeed muestra las actualizaciones más comentadas y votadas.

Koego está en fase beta abierta. La única posible desventaja, es que está sólo en inglés. Sin embargo, ello quizás no sea un gran problema, porque el sitio es realmente amigable (colorido y bien organizado) y fácil de usar. No me atrevo a reemplazar totalmente Analytics por Koego (al menos por ahora), pero no cabe duda de que puede llegar a ser un buen sustituto.