DROPBOX como hosting de imágenes y vídeos para Blogger, wordpress etc.

Hace unos meses atrás compartí un post enseñando ¿Cómo usar Dropbox de hosting para scripts, CSS y HTML? bueno para ese momento no consideré la opción de que lo mismo sería con las imágenes o vídeos ya que en Blogger no requiero hosting pues la misma plataforma provee un espacio muy generoso para cargar nuestras imágenes.

Usando Dropbox como hosting web de imágenes/vídeos

1. Lo primero será ir a nuestra cuenta de Dropbox (No es necesario descargar la App de Dropbox a nuestro equipo).

2. Ahora vamos al escritorio de Blogger y crearemos una carpeta (A) para ser ordenados la llamaremos "Hosting imágenes" o como deseen 😀, luego seleccionamos "Sólo tú" (B) y finalmente guardamos todo dando en crear (C):

3. Ahora ingresamos a dicha carpeta y allí subiremos (A) las imágenes o vídeos para la prueba yo subiré una imagen y un solo vídeo:

4. Luego a la imagen o vídeo le daremos clic en los 3 puntos (A) y luego seleccionamos compartir (B):

Damos en "crear vínculo" y finalmente copiamos dicho vínculo:

5. El vínculo copiado debería verse algo así:

https://www.dropbox.com/s/l7k3ab80o5323j3/eblogger.png?dl=0

Y si vemos en el navegador dicha url nos saldrá el archivo pero, aún no es funcional como una imagen cargada en un host:

6. Ahora entramos al PASO CLAVE aquí modificaremos el enlace de nuestro archivo para poderlo llamar como si estuviese en un host y usarlo en nuestras webs o blogs, el vínculo similar al del paso 5 le cambiaremos las letras "www" por las letras "dl" hecho eso quedaría así entonces:

https://dl.dropbox.com/s/l7k3ab80o5323j3/eblogger.png

Si vemos ahora la imagen ingresando dicha URL al navegador nos saldrá limpia y solamente la imagen sin nada relacionado con dropbox:

7. Finalmente si queremos usar nuestras imágenes o vídeos con HTML podemos hacer las siguientes etiquetas respectivamente:

<img src="URL de la imagen" />

Y para vídeo:

<video src="URL del vídeo" width="640" height="480"></video>

Y eso sería todo, el proceso es fácil sin embargo lo detallo casi paso a paso porque no todos dominan este tipo de temas con facilidad, sin más que decir para cerrar este post dejaré los demos de imagen y vídeo alojados directamente en dropbox y llamados con HTML:

Logo Blogger