Formatieren eines Bildes in einem Textbeitrag auf Tumblr


Ein schillernder Sonnenuntergang am Meer, ein Korb mit Kätzchen oder etwas ähnlich Angenehmes können einen Tumblr-Blog-Beitrag oft unvergesslich machen. Leider haben Bilder, die Sie einem Tumblr-Textbeitrag hinzufügen, möglicherweise nicht die gewünschten Abmessungen. Wenn Sie beispielsweise eines Ihrer Desktop-Hintergrundbilder auf Tumblr hochladen, nimmt dieses Foto möglicherweise den größten Teil des Speicherplatzes in Ihrem Beitrag ein. Beheben Sie dieses Problem, indem Sie Bilder in Ihren Textbeiträgen mit einem einfachen HTML-Trick formatieren und in einer beliebigen Größe erstellen.

1


Besuchen Sie Ihre Tumblr-Dashboard-Seite und tippen oder klicken Sie auf „Text“, um das Bearbeitungsfeld anzuzeigen, in dem Sie Textbeiträge erstellen können. Geben Sie einen Titel für Ihren Beitrag in das Textfeld „Titel“ ein und positionieren Sie den Cursor im größeren Textfeld unter dem Textfeld „Titel“.

2

Geben Sie den Text ein, der in Ihrem Beitrag erscheinen soll, und klicken Sie auf das Symbol „Bild hochladen“ in Form einer Kamera. Tumblr öffnet das Fenster zum Hochladen von Dateien, in dem die Ordner und Dateien Ihrer Festplatte angezeigt werden.

3


Doppelklicken Sie auf die Bilddatei, die Sie in Ihren Beitrag aufnehmen möchten. Das Fenster zum Hochladen von Dateien wird geschlossen und Ihr Bild wird im Bearbeitungsfeld angezeigt.

4

Klicken Sie auf die Schaltfläche „HTML“ und überprüfen Sie den angezeigten HTML-Code. Sie sehen ein spezielles HTML-img-Tag, das dem im folgenden Text ähnelt:

Der Code des Bild-Tags beginnt mit einem Symbol kleiner als und endet mit einem Symbol größer als. Alles zwischen diesen beiden Symbolen bildet den Text, mit dem Browser das Bild anzeigen. Beachten Sie, dass vor dem schließenden Größer-als-Symbol ein rechter Schrägstrich angezeigt wird.

5

Fügen Sie den folgenden Text vor dem schließenden rechten Schrägstrich ein:

height = „100“ width = „150“

Diese Höhen- und Breitenattribute bestimmen die Bildgröße in Pixel. Diese Abmessungen betragen in diesem Beispiel 100 und 150. Ersetzen Sie diese beiden Werte durch Ihre eigenen Höhen- und Breitenwerte. Wenn Sie beispielsweise möchten, dass Ihr Bild 20 Pixel hoch und 30 Pixel breit ist, verwenden Sie diese Werte für Höhe und Breite. Das unten aufgeführte Beispiel zeigt, wie Ihr img-Tag mit 20 und 30 als Abmessungen aussehen könnte:

Klicken Sie erneut auf die Schaltfläche „HTML“, um zum normalen Anzeigemodus zurückzukehren. Sie werden sehen, dass sich die Größe Ihres Bildes geändert hat, um den neuen Abmessungen zu entsprechen, die Sie im HTML-Code angegeben haben. Klicken Sie auf „Veröffentlichen“, um Ihren Blog-Beitrag zu veröffentlichen.

Stellen Sie sicher, dass Sie mindestens ein Leerzeichen vor dem schließenden rechten Schrägstrich einfügen.