Usar 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


Y mi vídeo con un poco de humor 😁:


No es más en este post si tienes alguna duda comentala.

Hasta la próxima,

0 comentarios:

Publicar un comentario

ESTAMOS EN: