Blogger

Si usas Blogger, también tienes que hacer backup

Publicado por Claudia en Enero 18, 2010

Me atrevería a decir que una de las palabras que más nombramos los usuarios de WordPress self-hosted es backup: “Antes de instalar la nueva versión de WP, haz un backup”, “haz backup de tanto en tanto”, “por las dudas, backup”.

El backup es una tarea no necesaria, sino imprescindible cuando el hosting corre por tu cuenta. Pero, ¿por qué deberías obviarlo al decidir crear un blog de subdominio .blogspot.com?

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.

Tags: ,
Blogger, Tutoriales

Blogger: Cómo dividir el widget de etiquetas en dos columnas

Publicado por Claudia en Noviembre 10, 2009

Etiquetas-BloggerCuando 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.

sidebar-blogger

Tags: , ,
Blogger

6 formas de compartir tus artículos en Blogger

Publicado por Claudia en Noviembre 3, 2009

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

Add-This 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

sharethisOtra 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

add-to-any
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

wikio-buttonsEs 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

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

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.

Tags: ,
Blogger

Blogger Showcase: Un escaparate de blogs “Blogspot”

Publicado por Claudia en Septiembre 30, 2009

Blogger-Showcase

Una de las grandes ventajas que ofrece Blogger, es la facilidad para modificar las plantillas. No obstante, ello puede traer consigo una gran desventaja: el saber que es fácil hacer cambios muchas veces conduce a blogs sobrecargados, poco estéticos y con gráficos mal hechos (es lamentable, pero sucede muy a menudo).

Pero Blogger no tiene por qué ser feo. Blogger Showcase recoge todos aquellos blogs montados sobre la plataforma Google Blogger que nos muestran que con un poco de esfuerzo (e incluso sin grandes conocimientos de XHTML/CSS y diseño) se puede lograr un resultado limpio y original.

Los blogs del showcase se seleccionan de acuerdo a los siguientes criterios: (1) obviamente, deben estar en Blogger, con subdominio .blogspot o dominio propio; (2) originalidad (deben ser diseños únicos); y (3) si son blogs temáticos, deben tener contenido útil.

Los requisitos de inclusión son mínimos, mucho menos exigentes que los de galerías CSS o WordPress. Por lo tanto, si tienes un blog en Blogger, puede ser una buena oportunidad para darte a conocer y obtener algo más de tráfico.

Enlace: BloggerShowcase.net

Otras galerías adonde puedes enviar tu diseño hecho en Blogger:

Tags:
Blogger

Blogger permite que muestres tu avatar en los comentarios

Publicado por Claudia en Septiembre 17, 2009

blogger-gravatar

Blogger nos sigue sorprendiendo en su cumpleaños. Hace pocas horas han anunciado en Blogger Buzz que ahora es posible mostrar avatares en los comentarios, muy al estilo gravatar.

¿Cómo funciona?

Los avatares sólo son visibles para quienes comentan usando su perfil de Google; vale decir, para quienes han creado una cuenta en Blogger, la tienen habilitada y han añadido una imagen a su perfil. Según muestran en Buzz, si es la primera vez que comentas en un blog de Blogger, aparecerá una caja como la siguiente para cargar tu foto desde el escritorio.

addimage

Si ya eres un usuario antiguo, no tienes que hacer nada. Es probable que veas tu avatar en los comentarios antiguos.

Habilitando en plantillas antiguas

Revisando plantillas que adapté en base a Mínima en mayo y julio de este año, me di cuenta de que no mostraban mi avatar. Si tienes una plantilla creada antes de esos meses, lo más probable es que tengas que añadir algunas líneas de código. ¿Cómo saberlo? Simplemente busca la palabra “avatar” en la edición de HTML de la plantilla, con los artilugios expandidos. Si no aparece, sigue estos pasos (siempre con los artilugios expandidos, y con ayuda del buscador de tu navegador):

1. Reemplaza:

<dl id='comments-block'>

por:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

2. Un poco más abajo, busca:

<a expr:name='data:comment.anchorName'/>

agrega debajo:

<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
 </b:if>

Guarda los cambios.

¿Y los estilos?

Por defecto, las propiedades en CSS para el avatar, son las siguientes:

#comments-block .avatar-image-container img {
border:1px solid #CCCCCC;
float:right;
}

El avatar tiene siempre 35×35 píxeles, y no puedes cambiar su tamaño, ni su posición (aparece como float:right, pero flota siempre a la izquierda). Lo único que puedes cambiar, es el borde y el padding de la imagen.

Concluyendo, es lamentable no poder hacer más cambios en los estilos, pero es un cambio que significa muchísimo para la plataforma, aunque no llegue nunca a soportar gravatar y sólo sea útil para los comentaristas con perfil de Blogger habilitado.