Dar formato a una imagen en una publicación de texto en Tumblr

Una puesta de sol deslumbrante en el océano, una canasta de gatitos o cualquier cosa igualmente agradable pueden hacer que una publicación de blog de Tumblr sea memorable. Desafortunadamente, es posible que las imágenes que agregue a una publicación de texto de Tumblr no tengan las dimensiones que prefiere. Por ejemplo, si subes una de tus fotos de fondo de escritorio a Tumblr, esa foto puede ocupar la mayor parte del espacio de tu publicación. Solucione ese problema utilizando un simple truco HTML para formatear imágenes en sus publicaciones de texto y hacerlas del tamaño que desee.

1

Visita tu página de Tumblr Dashboard y toca o haz clic en "Texto" para ver el cuadro de edición que te permite crear publicaciones de texto. Escribe un título para tu publicación en el cuadro de texto "Título" y coloca el cursor en el cuadro de texto más grande debajo del cuadro de texto Título.

2

Escribe el texto que te gustaría que aparezca en tu publicación y haz clic en el ícono "Subir imagen" con forma de cámara. Tumblr abre la ventana Carga de archivos que muestra las carpetas y archivos de su disco duro.

3

Haz doble clic en el archivo de imagen que te gustaría incluir en tu publicación. La ventana de carga de archivos se cierra y su imagen aparece en el cuadro de edición.

4

Haga clic en el botón "HTML" y revise el código HTML que aparece. Verá una etiqueta img HTML especial que se parece a la del texto que se muestra a continuación:

El código de la etiqueta de imagen comienza con un símbolo menor que y termina con un símbolo mayor que. Todo lo que se encuentra entre esos dos símbolos constituye el texto que los navegadores utilizan para mostrar la imagen. Tenga en cuenta que aparece una barra inclinada derecha antes del símbolo de cierre mayor que.

5

Pegue el siguiente texto antes de la barra inclinada derecha de cierre:

altura = "100" ancho = "150"

Estos atributos de alto y ancho determinan el tamaño de la imagen en píxeles. Esas dimensiones son 100 y 150 en este ejemplo. Reemplace esos dos valores con sus propios valores de altura y ancho. Por ejemplo, si desea que su imagen tenga 20 píxeles de alto y 30 píxeles de ancho, use esos valores para el alto y el ancho. El ejemplo que se muestra a continuación ilustra cómo se vería su etiqueta img usando 20 y 30 como sus dimensiones:

Vuelva a hacer clic en el botón "HTML" para volver al modo de visualización normal. Verá que el tamaño de su imagen ha cambiado para coincidir con las nuevas dimensiones que le dio en el código HTML. Haga clic en "Publicar" para publicar su entrada de blog.

Asegúrese de incluir al menos un espacio antes de la barra inclinada derecha de cierre.