Hur du lägger till en bild som bloggtitel på Tumblr

Tumblr är en gratis mikrobloggplattform som låter dig dela multimedia och skapa både publika och privata bloggsidor med anpassningsbara layouter. Många teman har en knapp för att ladda upp en headerbild, men även teman utan denna knapp kan redigeras via den inbyggda HTML-redigeraren.

Steg 1: Förbered din bild

Välj en bild i ett lämpligt format (jpg, png, gif, etc.) som är mindre än 5 MB och som har en bredd på ungefär 750‑1000 px och en höjd på cirka 200 px för bästa visning.

Steg 2: Logga in och gå till Teman

Besök Tumblr och logga in. Klicka på kugghjulsikonen, välj den blogg du vill redigera och gå till Teman > Anpassa.

Steg 3: Ladda upp headerbilden

Om ditt tema har en “Header‑bild”‑knapp, klicka på “Ladda upp” bredvid den. Välj filen på din dator och klicka “Ladda upp”. Om din tema saknar knapp, gå till Tumblrs filuppladdningssida (länk i Resurser). Välj filen och klicka “Ladda upp”.
Du får då en URL för filen.

Steg 4: Kopiera URL och lägg in i HTML

Kopiera den genererade URL:en (t.ex. https://static.tumblr.com/…/file.png) och öppna “Redigera HTML” i samma Anpassar‑meny. Tryck Ctrl‑F för att hitta texten <a href="/">{Title}</a>. Ersätt {Title} och den omgivande koden med:
<img src="URL" alt="Bloggtitel"> där URL är din kopierade länk.

Steg 5: Förhandsgranska och spara

Klicka på “Uppdatera förhandsgranskning” för att se headerbilden. Om allt ser rätt ut, klicka på “Spara”. Avsluta sedan genom att klicka på “Avsluta” och gå tillbaka till din blogg för att se den nya headern.

Tips

För att undvika att bilden blir deformerad, se till att bredden inte överstiger ¾ av browserns maxbredd (cirka 750 px) och att höjden är runt 200 px. Testa även i olika webbläsare för att säkerställa att bilden visas korrekt.