Formattazione di un’immagine in un post di testo su Tumblr

Un abbagliante tramonto sull'oceano, un cesto di gattini o qualsiasi altra cosa altrettanto piacevole può spesso rendere memorabile un post del blog Tumblr. Sfortunatamente, le immagini che aggiungi a un post di testo Tumblr potrebbero non avere le dimensioni che preferiresti. Ad esempio, se carichi una delle tue foto di sfondo del desktop su Tumblr, quella foto potrebbe occupare la maggior parte dello spazio nel tuo post. Risolvi il problema usando un semplice trucco HTML per formattare le immagini nei tuoi messaggi di testo e renderle della dimensione che preferisci.

1

Visita la tua pagina Tumblr Dashboard e tocca o fai clic su "Testo" per visualizzare la casella di modifica che ti consente di creare post di testo. Digita un titolo per il tuo post nella casella di testo "Titolo" e posiziona il cursore nella casella di testo più grande sotto la casella di testo Titolo.

2

Digita il testo che desideri venga visualizzato nel tuo post e fai clic sull'icona "Carica immagine" a forma di fotocamera. Tumblr apre la finestra Caricamento file che mostra le cartelle e i file del tuo disco rigido.

3

Fai doppio clic sul file immagine che desideri includere nel tuo post. La finestra Caricamento file si chiude e l'immagine viene visualizzata nella casella di modifica.

4

Fare clic sul pulsante "HTML" e rivedere il codice HTML visualizzato. Vedrai uno speciale tag HTML img simile a quello nel testo mostrato di seguito:

Il codice del tag immagine inizia con un simbolo di minore di e termina con un simbolo di maggiore di. Tutto ciò che si trova tra questi due simboli costituisce il testo che i browser utilizzano per visualizzare l'immagine. Notare che una barra a destra appare prima del simbolo di chiusura maggiore di.

5

Incolla il testo seguente prima della barra di chiusura a destra:

altezza = "100" larghezza = "150"

Questi attributi di altezza e larghezza determinano la dimensione dell'immagine in pixel. Quelle dimensioni sono 100 e 150 in questo esempio. Sostituisci questi due valori con i tuoi valori di altezza e larghezza. Ad esempio, se desideri che la tua immagine sia alta 20 pixel e larga 30 pixel, utilizza questi valori per l'altezza e la larghezza. L'esempio riportato di seguito mostra come potrebbe apparire il tuo tag img utilizzando 20 e 30 come dimensioni:

Fare di nuovo clic sul pulsante "HTML" per tornare alla modalità di visualizzazione normale. Vedrai che la dimensione della tua immagine è cambiata per corrispondere alle nuove dimensioni che le hai dato nel codice HTML. Fai clic su "Pubblica" per pubblicare il tuo post sul blog.

Assicurati di includere almeno una volta lo spazio prima della barra di chiusura a destra.