Hoe krijg je een afbeelding voor de titel op Tumblr

Tumblr biedt een gratis microblogplatform voor het delen van multimedia-inhoud, ondersteunt het maken van meerdere openbare of privéblogpagina's en het ontwerp van aangepaste paginalay-outs. Veel Tumblr-thema's bevatten een knop voor het uploaden van een headerafbeelding, maar zelfs thema's zonder deze knop kunnen worden bewerkt vanuit de ingebouwde HTML-editor. Header-afbeeldingen moeten worden gehost op een webserver en waarnaar wordt verwezen door een kleine regel HTML-code, en Tumblr biedt voor dit doel een gratis image-hostingservice.

Ga naar Tumblr en log in op je account. Klik op het tandwielpictogram en kies de blog die je wilt bewerken. Klik in het gedeelte Thema op 'Aanpassen'.

Klik op "Uploaden" naast Koptekstafbeelding in het gedeelte Uiterlijk, als uw thema deze optie biedt. Zoek een bestand op uw computer en klik op "Uploaden" om de afbeelding in te stellen als de titel van uw blog. Afbeeldingsbestanden kunnen elk formaat hebben, maar moeten kleiner zijn dan 5 MB.

Bezoek de pagina voor het uploaden van bestanden op Tumblr als uw thema geen uploadknop bevat (link in bronnen). Deze pagina is strikt gereserveerd voor Tumblr-thema-items en het uploaden van een ander type bestand kan ertoe leiden dat uw account wordt verbannen. Klik op 'Bestand kiezen', zoek het afbeeldingsbestand op uw computer en klik vervolgens op 'Uploaden'.

Kopieer de URL van het bestand uit het tekstvak dat wordt weergegeven wanneer het bestand wordt geüpload. Plak de gekopieerde tekst in een leeg tekstbestand om het op te slaan voor de volgende stap of bewaar het gewoon op het klembord. U kunt ook de pagina voor het uploaden van bestanden open laten in een apart browsertabblad terwijl u uw Tumblr-thema bewerkt.

Ga terug naar de pagina Aanpassen van je blog en klik op 'HTML bewerken'. Druk op "Ctrl-F" om het venster Zoeken en vervangen te openen en typ vervolgens "{Titel}” (zonder de buitenste aanhalingstekens) in het vak Zoeken. Binnen de hoofdtekst van HTML tag, selecteer de accolades en het woord "Titel" die ze omringen en vervang de selectie door de volgende regel code:

Vervang de URL die u in de vorige stap hebt gekopieerd door Bestands-URL en zorg ervoor dat de URL tussen aanhalingstekens staat en de hele coderegel tussen punthaken staat. Als uw URL bijvoorbeeld "http://static.tumblr.com/tlvhi6n/7ktmju69t/file.png" is, voegt u de volgende regel code in de HTML in label:

Klik op "Voorbeeld bijwerken" om uw koptekstafbeelding te bekijken. Sla uw wijzigingen op door op 'Opslaan' te klikken. Keer terug naar uw accountpagina door op "Afsluiten" te klikken en bekijk uw bijgewerkte blogpagina door de blog te selecteren in uw hoofdaccountmenu.