Características:

• Dos columnas
• Menú lateral personalizable
• Widgets en el pie de página
• Compatible con IE, Firefox y Chrome

DEMO | DESCARGA

Bajo Licencia Creative Commons.

Posts relacionados

• Template Black splat para Blogger
• Kelleyroo Halloween Blogger Template
• WP-Design Halloween Blogger Template

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%;}

Posts relacionados

• Menús CSS desplegables sin javascript
• 9 sitios para descargar menús CSS
• Trix: Generador de plantillas Blogger

Blogger es la plataforma preferida por millones de usarios alrededor del mundo no sólo porque es gratis, sino también porque es relativamente “segura”, fácil de usar, y maneja políticas poco restrictivas. En un par de minutos ya puedes tener un blog funcionando, con subdominio propio y plantilla estándar. Lo básico que aparenta ser, hace pasar por alto el tener que hacer un respaldo completo de tu blog, cosa que por las dudas (o para evitar futuros problemas) debieras hacer sí o sí.

Entonces, ¿cómo hacer Backup en Blogger?

1. Backup de posts y comentarios.

Puedes hacerlo directamente desde el panel, en Configuración/Básico/Exportar blog, descargando el correspondiente archivo .xml a tu escritorio.

Desde que Blogger habilitara la función para importar/exportar entradas, no se hace necesario utilizar programas como Blogger Backup Utility; sin embargo, es recomendable hacer uso de DownThemAll, una extensión para Mozilla Firefox que te permite descargar todos los links de las imágenes contenidos en un sitio web. Puede ser especialmente útil si alojas tus imágenes en hostings gratuitos, dado que en lgún momento tu cuenta podría sobrepasar el ancho de banda ofrecido.

2. Backup de plantilla y widgets

Antes de instalar una nueva plantilla o de hacer grandes cambios en el código, lo mejor es respaldar tu vieja plantilla. La práctica dice que no todo siempre resulta como estaba planeado, o que quizás te aburras del diseño actual y quieras volver al anterior.

A la hora de hacer el respaldo de la plantilla, lo mejor es hacerlo desde la opción “Descargar plantilla completa” de Diseño/Edición de HTML. Si haces copy/paste en un archivo de texto, podrías no estar copiando todo el código, o tener graves desajustes en el diseño.

No existe manera de respaldar los artilugios o widgets de HTML o texto que no se agregan desde Blogger mismo, pero es práctico hacer un copy/paste de su contenido en uno o varios blocks de notas.

3. Backup de imágenes y archivos contenidos en plantillas

Cuando comienzas a usar Blogger, no sueles preguntarte dónde están hospedadas las imágenes que aparecen en la plantilla XML. Se da por sentado que se almacenan en los servidores de Blogger.com, porque las imágenes sencillamente “están ahí”. En las plantillas que vienen por defecto en Blogger, no es necesario relojar ninguna imagen; pero, en las plantillas diseñadas o adaptadas por terceros, hacerlo es un deber, especialmente si ves que el hosting de imágenes usado es PhotoBucket, Imageshack u otro que sea gratis y tenga un ancho de banda limitado.

Debo reconocer que siempre fui un poco porfiada al respeto, pero Francisco me enseñó que no existe un lugar más seguro para alojar imágenes que Blogger mismo, con ayuda del menú Herramientas/Información de la página/Medios de Firefox para descargar todas las imágenes de una sola vez y la extensión DragDropUpload para subirlas de un viaje. Si quien distribuye la plantilla que usas alojó las imágenes en Imageshack o Photobucket (en especial este último), su uso masivo hará que en cosa de semanas o un par de meses parte importante del diseño se pierda.

Pasa exactamente lo mismo con los archivos javascript de plantillas tipo magazine o con bonitos slideshows, que dejan de funcionar de la noche a la mañana, para muchos “inexplicablemente”. Para prevenir imprevistos, es recomendable descargar todos los archivos javascript de tu plantilla (buscando “.js” con ayuda del buscador de tu navegador y copypasteando la URL en la barra de direcciones) al menos para mantenerlos a mano por si el hosting original dejase de funcionar, cosa que siempre ocurre en algún momento. Si no tienes una cuenta para alojar archivos javascript, siempre existe la opción segura de pegar el contenido en la plantilla misma, bajo ]]></b:skin>, de la siguiente manera:

<script type='text/javascript'>
//<![CDATA[
contenido del archivo
//]]>
</script>

El seguimiento de pasos simples (que a veces no se realizan por pereza) puede ahorrarte futuros dolores de cabeza.

* Imagen de Sⓘndy, vía Flickr, bajo licencia Creative Commons Attribution-ShareAlike.

Posts relacionados

• Blogger, ahora también premium
• Guía completa para solucionar los errores BX- en Blogger

Más:
Documentación | Instalación en Wordpress

Posts relacionados

• Freebie Images: El plugin Wordpress de Crestock
• jQuery FontEffect: añade afectos al texto sin imágenes
• Wordpress para principiantes

Ayer una amiga me decía: “Qué lindo tu blog personal, ¿cómo lo hiciste?”. Le respondí: “Lo diseñé yo, bajo un gestor de contenidos que se llama Wordpress. Compré un dominio y pago un hosting“. Parece una respuesta básica para todo aquel familiarizado con el mundo de los blogs, pero deja casi en el mismo lugar a quien pregunta.

Pero, ¿qué es realmente un blog? ¿cómo puedes tener uno? ¿para qué crear un blog? Sergio, en Foro Wordpress (vía Ayuda Wordpress) avisa de la publicación de un e-book que responde todos los porqués, paraqués y cómos que dan vueltas en tu cabeza a la hora de iniciar un blog.

El e-book de 56 páginas, tiene el “malvado” fin de atraer visitas hacia el blog de su autor (si es útil, no creo que sea malo), y está enfocado en Wordpress con hosting propio (recomendable si quieres crear un blog bajo este CMS, o si quieres saber cómo funciona), pero también repasa lecciones básicas del blogging explicadas de la manera más sencilla posible, para hacerlas comprensibles incluso para quienes no saben nada de nada.

*Representin‘ por ryancboren vía Flickr. Bajo Licencia Creative Commons.

Posts relacionados

• Captchas originales para usar en Wordpress
• 2 themes Wordpress para tu tarjeta de visita virtual

Flickr no sólo es un servicio para compartir fotos: se ha convertido en el banco de imágenes por excelencia de quienes tenemos un blog y queremos buscar una forma de comunicar visualmente parte de nuestras ideas. Sprixi aprovecha la API de Flickr (y otros sitios) para ofrecer a sus usuarios imágenes de calidad que tienen una licencia Creative Commons o GPL, y que por lo tanto son gratuitas para uso personal (y a veces comercial) siempre y cuando des crédito a su respectivo autor.

Lo que me agrada de Sprixi, es que ordena los resultados de acuerdo al grado de “utilidad” (qué tan bien concuerda con tu criterio de búsqueda) definido por sus mismos usuarios, permitiendo encontrar la imagen perfecta con mayor precisión y rapidez.

Posts relacionados

• Subir imágenes a Photobucket con un click

HootMonitor es un servicio gratuito que te ayuda a monitorear el estado de tu sitio web, y que te avisa por Twitter o correo electrónico en caso de que éste se caiga (y también cuando vuelva a estar “arriba”). El plan básico te permite añadir hasta 3 sitios, y te deja acceder a estadísticas que especifican el tiempo de respuesta y uptime de tu servidor. También existe un plan “Premium” pago, que monitorea tu sitio cada 15 minutos y envía alertas por SMS, y que puedes probar sin costo (14 días más 5 SMS).

Vía | Killer Startups

No hay posts relacionados

Graphic River es el marketplace de Envato dedicado a la comercialización de íconos, vectores, texturas, plantillas y otros elementos photoshop de diseño libres de derecho. No he hecho compras ahí, pero me sorprende la relación precio/calidad de los recursos que ofrece.

Este año, Graphic River regala un set de 27 ilustraciones vectoriales creadas por Kai Loon (si alguna vez anduviste por ThemeForest, quizás te suene por sus geniales diseños para Wordpress). Es un paquete que realmente vale la pena descargar, y que incluye íconos en formato .AI y .EPS y una plantilla .PSD para uso personal o comercial.

Posts relacionados

• IconPot: Más de 2500 íconos gratuitos
• Gorros de navidad en formato vector

Recuerdo que al año pasado anduve buscando como loca gorros de navidad de Santa Claus en vectores para poner en la cabecera de mi blog, que fueran gratuitos. Éstos fueron los resultados de mis búsquedas:

No son nada del otro mundo, pero son enormemente útiles porque puedes acomodarlos como quieras en tu logo o mascota.

Posts relacionados

• Tweetmas: ¿Qué quieres para Navidad?
• Iconos de Navidad Web 2.0
• Iconos RSS con forma de bolas de navidad

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

Posts relacionados

• Free Twitter Designer: aplicación flash para crear fondos para Twitter
• 13 herramientas para personalizar tu fondo en Twitter
• Firmas Twitter para usar en foros