Blog and Web

El lugar más seguro para hospedar las imágenes de tu plantilla blogger

Uno de los principales problemas de las plantillas blogger es cuando las imágenes fallan y no se visualizan o son sustituidas por mensajes poco agradables. El problema se debe a que en muchos de los casos las imágenes de esas plantillas se encuentran hospedadas en servicios gratuitos (ej: imageshack, photobucket, googlepages, entre otros.) que limitan el número de veces que pueden mostrar (ancho de banda).

Por lo tanto lo ideal es cambiar el hospedaje a un lugar seguro. ¿Cual?, pues el mismo Blogger, el cual no pone un limite (o es muy alto) al ancho de banda de cada imagen.Para obtener las imágenes que usa tu plantilla puedes hacer lo siguiente:

  1. Entra a la pestaña “Diseño” y posteriormente a la opción de “Edición de HTML”.
  2. Busca todas las direcciones (URLs) de las imágenes, todas serán del tipo:
    http://servicio.com/etc/nombre-imagen.jpg

    Y terminaran en jpg, png, gif u otra extensión de imagen. Seguramente las encuentres entre códigos como …url(url-de-imagen-aquí)… , así que habrá que buscar con detenimiento. Puede pasar que al buscar las urls de las imágenes en el código de las plantillas estas ya estén en Blogger, para tal caso no hay necesidad de hacer ningún.

  3. Entra a cada URL y guarda la imagen en un carpeta con el nombre de tu plantilla.

Ahora, para subir imágenes a blogger y poder usarlas en tus plantillas puedes seguir estos sencillos pasos.

  1. Entra al editor de entradas (Creación de entradas > Crear).
  2. Da clic al icono para subir imágenes normalmente y sube todas las que componen tu plantilla.
  3. Al terminar de subirlas y regresar al editor, el código resultante es más o menos como sigue:
    <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_Zuzii37VUO4/SMM5YTgm0DI/AAAAAAAAC8s/AMBnCJkCENw/s1600-h/footerpg5.jpg"><img style="cursor:pointer; cursor:hand;"
     src="http://1.bp.blogspot.com/_Zuzii37VUO4/SMM5YTgm0DI/AAAAAAAAC8s/AMBnCJkCENw/s400/footerpg5.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5243097480906068018" /></a>

    Como puede verse el código contiene dos URLs aparentemente de las imágenes, sin embargo ninguna de ellas puede usarse en las plantillas, así que:

  4. Copia la primer URL del código de cada imagen y ábrela en una pestaña o ventana del navegador.
  5. Al entrar veras la imagen correspondiente, da clic derecho y después “Copiar la ruta la imagen” (firefox).
  6. Esa URL ya puede usarse en las plantillas blogger, el siguiente paso será sustituir la antigua URL de la imagen en Diseño > Edición de HTML por la recién copiada en blogger.
  7. Repite los pasos 4, 5 y 6 para todas las imágenes que subiste correspondientes a las que usa tu plantilla.

Este puede ser un proceso un poco tedioso, pero hay que pensar en que solo se hace una vez y al hacerlo tendrás mayor seguridad de que las imágenes en tu plantilla no fallaran. Lo mismo aplica si eres creador de plantillas blogger, hacer este proceso puede ahorrarte dolores de cabeza futuros.