¿Cómo Incrustar Imágenes O Contenido En HTML De Tumblr?

¿Cómo Incrustar Imágenes O Contenido En HTML De Tumblr?¿Cómo puedes añadir imágenes a tu post de texto de Tumblr sin tener que subir una foto a tu ordenador y luego subirla a Tumblr? ¿Es eso posible? La respuesta a la segunda pregunta es fácil y se puede responder con una palabra: sí.

La respuesta a la primera pregunta es un poco más complicada, pero aquí hay una guía tutorial completa para ayudarte y facilitarte las cosas. ¿Cómo Incrustar Imágenes O Contenido En HTML De Tumblr? Continuemos.

Índice De Contenidos
  1. Problema al añadir fotos a las publicaciones de Tumblr
  2. ¿Cómo Incrustar Imágenes O Contenido En HTML De Tumblr?
  3. Previsualiza tu publicación en Tumblr

Problema al añadir fotos a las publicaciones de Tumblr

Si pulsas la tecla "enter" de tu teclado o vas a una nueva línea en el editor de texto de Tumblr, verás que aparece un signo más (+) justo al lado del cuadro de texto. Si haces clic en ese símbolo, aparecerán de repente algunas opciones más.

La verdad es que está muy bien :-). La primera opción (el icono de la cámara) te permite insertar una foto en tu contenido. Cuando hice clic en el icono de la cámara, apareció un cuadro que me pedía que buscara en los archivos de mi PC una foto que quisiera subir a mi post. Eso está muy bien, pero sólo si tienes una fotografía que quieres subir a tu blog.

Lee: Cómo Subir Un Vídeo A Una Página Web De Blogger - Fácil Y Rápido

¿Pero qué pasa si la imagen que quieres insertar ya está en línea? ¿Y si encuentras una foto de dominio público o con licencia creative commons en sitios como deviantArt y Pixabay y esa es la que quieres incluir en tu artículo? Yo me enfrenté al mismo problema y me llevó bastante tiempo hasta que pude solucionarlo todo, así que no pude publicar mi primer artículo aquí de inmediato.

Mira TambiénCómo Conseguir Spotify Premium Gratis En PC/iPhone/AndroidCómo Conseguir Spotify Premium Gratis En PC/iPhone/Android

La verdad es que me molestó un poco. Me gustaría que esta plataforma de microblogging y red social nos permitiera añadir o insertar fotos fácilmente a través de la URL de la imagen para que no tuviéramos que buscar una forma de evitar este problema.

¿Cómo Incrustar Imágenes O Contenido En HTML De Tumblr?

De todos modos, para insertar una foto vía URL en algún lugar de tu post de texto de Tumblr, tendrás que ir a la parte HTML del editor de texto. En la esquina superior derecha del cuadro de texto donde escribes tu contenido, verás un símbolo o icono que parece una rueda. Haz clic en él y aparecerá un cuadro.

Verás la palabra "editor de texto" en la parte inferior. La palabra al lado es "texto enriquecido". Hay una flecha al lado de esa palabra. Haz clic en ella y verás un menú desplegable. Elige HTML y pasarás a la sección HTML de tu entrada de blog.

No dejes que los códigos te asusten o te confundan. No pasa nada, iremos poco a poco. De hecho, ahora mismo, vamos a hablar de cómo puedes añadir una foto a tu entrada sin preocuparte de añadirle pies de foto.

  • -Lo primero que tendrás que hacer es encontrar exactamente dónde quieres poner tu foto. Esto depende totalmente de ti. Así que puede ser en cualquier parte de tu post. Por ejemplo, quiero poner una foto al lado del segundo párrafo de este artículo. Los párrafos de tu contenido están separados por el código <p></p>.
  • -Una vez que encuentres la ubicación perfecta, obtén el enlace de la URL de la imagen de la fotografía que quieres añadir a tu artículo. Para ello, sólo tienes que hacer clic con el botón derecho del ratón sobre la imagen. Aparecerá una lista de opciones. Elige la que dice algo así como "Copiar la URL de la imagen" o "Copiar la ubicación de la imagen".
  • -Después de eso, vuelve al editor de publicaciones de texto de Tumblr. ¿Recuerdas el lugar donde querías poner tu imagen? Ve a ese lugar y luego añade este código:

<img src="pon la URL de la imagen que has copiado aquí" width="pon el tamaño que elijas aquí" height="pon el tamaño que elijas aquí" alt="pon tus palabras clave aquí, esto sirve para describir la foto" align="right" />

Aquí tienes un ejemplo:

Mira TambiénCómo Poner WordPress En Modo De Mantenimiento O Añadir Una Página Coming SoonCómo Poner WordPress En Modo De Mantenimiento O Añadir Una Página Coming Soon

<img src= "http://fc01.deviantart.net/fs71/f/2013/156/6/9/deviantart _tan_and_tumblr_tan__designs__by_r1nrina-d67w034.png" width="300" height="400" alt="Tumblr, deviantArt" align="right" /><p>Después de terminar...

Para alinear, también puedes usar "izquierda". Si no quieres alinearla, simplemente elimina esa parte del código. Puedes elegir la altura y la anchura que quieras para poder controlar el tamaño de la fotografía.

Nota: comprueba las comillas (" ") que utilizas para los códigos. Por alguna razón, Tumblr está mostrando la comilla de apertura exactamente igual que la de cierre, que no es como se supone que debe ser. Se ve bien desde el editor de publicaciones de texto HTML, pero no se muestra correctamente en la propia publicación.

Previsualiza tu publicación en Tumblr

Asegúrate de previsualizar tu post antes de publicarlo o guardarlo para que puedas ver cómo se ve y para que puedas arreglarlo en caso de que la imagen se vea demasiado pequeña o demasiado grande.

Para obtener una vista previa, simplemente haz clic en el botón azul que aparece en la esquina inferior derecha del editor de publicaciones de texto de Tumblr. Aparecerá un desplegable. Solo tienes que elegir el que dice "vista previa en el blog". Espero que esto te haya ayudado. Si tienes alguna pregunta o necesitas ayuda, no dudes en preguntar :-).

Mira TambiénCómo Guardar En Secreto Las Historias De Snapchat De AlguienCómo Guardar En Secreto Las Historias De Snapchat De Alguien

►TAMBIÉN DEBERÍAS LEER...

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Utilizo cookies propias, de análisis y de terceros para mejorar la experiencia de navegación por mi web. Más información