10 noviembre 2009

Cómo Almacenar Imágenes desde Blogger

Si usas una plantilla personalizada que está incluye imágenes, es muy recomendable e importante que las almacenes por ti mismo.

Éso evitará que desaparezcan, si por ejemplo son eliminadas accidentalmente por quien las ha almacenado, que generalmente es el creador de la plantilla.

Una de las mejores opciones para almacenarlas es Blogger. Al hacerlo, las imágenes se guardarán en Google Photos, al igual que ocurre con las imágenes que subes a tus entradas, y dispondrás de un espacio de 15 GB compartido entre Gmail, Google Drive, y Google Photos.

Puedes ver los detalles del espacio que has usado si accedes a la página de Google, que muestra el sumario de tu plan de almacenamiento, poniendo el puntero del ratón sobre el gráfico circular.

Las fotos de hasta de 2048 x 2048 en su extremo más grande se almacenan de forma gratuita. Las de mayor tamaño, cuentan en el límite que Google ha establecido como gratuito que hasta el día de hoy es de15 GB como te lo mencionaba anterirmente. En otras palabras si subes imágenes de menor tamaño al anteriormente mencionado, nunca contarán en ese límite ;)


¿Cómo sustituyo las imágenes en mi plantilla?


Lo haremos en 6 pasos:


Paso 1. Ve Plantilla > Editar HTML e identifica los enlaces de las imágenes. Puedes auxiliarte del buscador interno del editor, y para activarlo, haz click en el botón "Plantilla de formato", luego, pulsa las teclas Ctrl + F simultáneamente. Una vez que se active el buscador, pones dentro del campo: "background:", y pulsas enter para ir recorriendo cada uno. La URL es la que esta dentro del paréntesis de la linea del background.

Ejemplo:


#header {width: 100%;height:558px;margin-top:-17px;background:transparent url(http://i672.photobucket.com/albums/vv83/karlaenlinea/HEnTvs-3.png) no-repeat left center;  ...}


Sigue hacia abajo, pulsando Enter, e identifica todas las URLs de las imágenes y cópialas una a una.


Paso 2. Ya que tengas todas las URLs de las imágenes, coloca una a una en la barra de direcciones del navegador, pulsa Enter y cuando se muestre en la ventana, descárgala y guárdala en una carpeta de tu computadora.

Nota: Igualmente puedes ir copiando una imagen desde el Editor, luego, ponerla en la barra de direcciones para descargarla, luego copias la siguiente y la pones en la barra de direcciones para descargarla, y asi sucesivamente, en lugar de primero copiarlas todas y luego abrirlas en una ventana para descargarla. Como lo prefieras.


Paso 3. Sube las imágenes a Blogger desde una entrada. Puedes usar un blog que crees para ese propósito, o bien súbelas desde una página estática de tu blog.

Paso 4. Ya que subiste todas las imágenes, ve al HTML de la entrada, pulsando el botón que dice: "HTML" enseguida de Redactar, y copia la URL asignada en cada imagen, que puedes identificar, dentro del siguiente bloque de código. La URL la he resaltado de verde y con negrita.

<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-DXFaMzzLPys/UQ2l5M5LRkI/AAAAAAAAL7Y/7dFb4jeWoKg/s1600/imagen-ejemplo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Widget con botones redes sociales" border="0" class="noborde" src="http://3.bp.blogspot.com/-DXFaMzzLPys/UQ2l5M5LRkI/AAAAAAAAL7Y/7dFb4jeWoKg/s1600/caja-redes-sociales.png" title="" /></a></div>

Asegúrate que copies la correcta, es decir que tenga el tamaño original (sin que esté redimensionada). La reconoces porque lleva el número 1600 antes de una barrita diagonal "/".

Paso 5. Sustituye cada imagen respectivamente, quitando la URL de la imagen y poniendo la que obtuviste en el paso anterior en el código de la plantilla.

Paso 6. Una vez que termines, verifica en vista previa y si todo luce bien, guarda los cambios.

¡Y listo!, ahora las imágenes de la plantilla que usas las has alojado por tu propia cuenta ;)


Si quieres aprender a copiar la URL de una imagen que has subido a Blogger de forma más rápida, y sin ingresar al HTML de la entrada, échale un vistazo al post donde te digo cómo hacerlo:

Cómo obtener la URL de una imagen rápido y fácil

Última actualización:
 Julio/17/2014.  

Artículos recomendados:

Gracias por compartir tu comentario y hacernos saber tu opinión.