Hoe plaats je een afbeelding achter berichtkoppen op Tumblr

Standaard toont je Tumblr-blog een tekstkop met je blogtitel boven je berichten. Om het uiterlijk van uw pagina op te fleuren, kunt u een aangepaste afbeelding toevoegen aan de koptekst, terwijl u de bestaande tekst boven op de afbeelding laat staan. Voor het standaard Tumblr-thema vereist dit het aanpassen van de HTML van het thema, maar het toevoegen van een afbeelding kost slechts een enkele extra regel code.

Log in op uw Tumblr-account en open de pagina "Een statisch bestand uploaden" (link in bronnen). Tumblr biedt deze uploadruimte exclusief voor themabestanden, dus gebruik deze niet om afbeeldingen te uploaden om op je blog te plaatsen.

Selecteer de afbeelding die u in uw kop wilt gebruiken en klik op 'Bestand uploaden'. Afbeeldingen moeten kleiner zijn dan 5 MB en u kunt maximaal 15 MB per dag uploaden.

Kopieer het adres dat Tumblr weergeeft voor je geüploade afbeelding.

Open de pagina Tumblr-instellingen, selecteer de blog die je wilt bewerken en klik op 'Thema bewerken'. Klik op "HTML bewerken" onder de naam van uw thema.

Scroll naar beneden in de code naar je huidige header. Om de juiste regel te vinden, drukt u op "Control-F" en zoekt u naar "IfShowBlogTitle" (zonder aanhalingstekens).

Typ de code "

" (zonder externe aanhalingstekens) onmiddellijk voor "{Title}" op de regel "IfShowBlogTitle". Plak het afbeeldingsadres dat u eerder hebt gekopieerd tussen haakjes.

Klik op 'Voorbeeld bijwerken' om het nieuwe uiterlijk van je blog te zien. Als het er goed uitziet, klikt u op 'Opslaan'.

Tips

Als de overlay-tekst meer ruimte in beslag neemt dan uw afbeelding, wordt de afbeelding herhaald om de benodigde ruimte te vullen. Als je liever hebt dat de afbeelding maar één keer verschijnt, voeg dan "background-repeat: no-repeat;" toe. (zonder aanhalingstekens) onmiddellijk voor het laatste aanhalingsteken in de code die u hebt toegevoegd.

Waarschuwingen

De informatie in dit artikel is van toepassing op het standaard Tumblr-thema. Andere thema's werken mogelijk anders of bevatten een manier om uw koptekst aan te passen zonder de code handmatig te bewerken.