Bij veel Tumblr-thema's kun je een bannerafbeelding bovenaan je blog weergeven in plaats van je blogtitel. Als de banner echter niet naar wens is, kunt u de uitlijning wijzigen door de HTML-code van uw thema te bewerken. Als uw thema geen bannerafbeeldingen ondersteunt, of als u een banner boven de titel wilt toevoegen, kunt u de HTML-code bewerken om een banner handmatig toe te voegen en te positioneren.
Thema's met kopafbeeldingen
Klik op het tabblad "Aanpassing" op uw Tumblr-dashboard om toegang te krijgen tot uw thema-instellingen.
Scrol omlaag naar het gedeelte Uiterlijk in het linkerdeelvenster en klik vervolgens op de knop "Uploaden" naast "Koptekst" om uw bannerafbeelding te uploaden.
Scrol terug naar de bovenkant van het deelvenster en klik vervolgens op "HTML bewerken" om toegang te krijgen tot de HTML-code van uw thema.
Druk op "Ctrl-F" op het toetsenbord om de zoekfunctie te openen en zoek vervolgens naar "{Title}" (zonder de aanhalingstekens) totdat u de eerste keer dat de term voorkomt in het hoofdgedeelte vindt, kort na de "
" tag. In veel gevallen zal het binnen een blok zijn dat begint met "Omsluiten "{Title}" met de "
Klik op "Voorbeeld bijwerken" om te zien of uw wijzigingen hebben gewerkt. Als de banner niet in het midden van de pagina staat, heeft u mogelijk het verkeerde gedeelte van de code gewijzigd. In dat geval maakt u uw wijzigingen ongedaan en probeert u het opnieuw.
Klik op 'Opslaan' en selecteer 'Afsluiten' nadat u de banner met succes hebt gewijzigd. Als u uw wijzigingen om welke reden dan ook wilt annuleren of opnieuw wilt beginnen, klikt u op de pijl terug zonder op te slaan en klikt u vervolgens op 'Afsluiten'.
Banner handmatig toevoegen en plaatsen
Upload uw bannerafbeelding met behulp van de uploadpagina van Tumblr (link in bronnen) en kopieer vervolgens de URL die op de pagina wordt weergegeven. U kunt het afbeeldingsbestand ook uploaden naar een andere website, zoals PhotoBucket of TinyPic.
Klik op het tabblad "Aanpassing" op uw Tumblr-dashboard om toegang te krijgen tot uw thema-instellingen.
Klik op "HTML bewerken" om toegang te krijgen tot de HTML-code van uw thema.
Druk op "Ctrl-F" op het toetsenbord om de zoekfunctie te openen en zoek vervolgens naar "
" (zonder de aanhalingstekens).Voeg een nieuwe regel in net onder de "
" tag en voeg vervolgens de volgende regel code toe:Vervang "BannerImageURL" door de URL voor het afbeeldingsbestand van uw banner.
Klik op "Update Preview" om ervoor te zorgen dat de banner correct wordt weergegeven. Breng zo nodig wijzigingen aan en klik vervolgens op 'Opslaan' en 'Afsluiten'.
Tips
Om de banner links of rechts uit te lijnen in plaats van in het midden, gebruikt u de "
Waarschuwingen
Deze stappen zouden moeten werken op de meeste standaard Tumblr-thema's, maar ze zullen niet altijd werken zoals bedoeld vanwege verschillen in thema-ontwerp. Voor sommige thema's kan het nodig zijn dat u de afbeelding declareert en er vervolgens een stijl aan toewijst in de stylesheet van het thema; deze methode vereist echter een basiskennis van hoe CSS werkt, en de specifieke stappen zullen per themaontwerp verschillen.
