Een afbeeldingkoptekst wijzigen in een sjabloon voor een afbeeldingenvenster op Blogger

Blogger is een gratis blogplatform dat wordt aangeboden door Google en waarmee u uw eigen online blog kunt ontwerpen en posten. U kunt de weergave van uw blog wijzigen met behulp van ingebouwde sjablonen, zoals de sjabloon Afbeeldingvenster. Als u de Picture Window-sjabloon gebruikt, geeft uw blog niet automatisch een afbeeldingskop weer, zelfs als u er een uploadt naar de sectie Header. U moet de blog-HTML bewerken om in plaats hiervan uw eigen headerafbeelding toe te voegen.

1.

Meld u aan bij uw Blogger-account en klik op de naam van het blog dat u wilt bewerken.

2.

Klik op 'Sjabloon' in het menu aan de linkerkant en klik vervolgens op de knop 'HTML bewerken' onder de miniatuur van uw sjabloon. Een nieuw venster verschijnt.

3.

Zoek het header codeblok in het tekstvenster. Dit codeblok begint met "/ * Header" aan het begin van dit gedeelte.

4.

Markeer de headercode hieronder, klik met de rechtermuisknop en selecteer vervolgens "Kopiëren".

header {

width: 500px; Hoogte: 100px; marge: 0 auto 10px; achtergrond: #fff url (URL) no-repeat rechtsboven; }

5.

Klik met de rechtermuisknop in het codetekstvak, recht onder de regel "------- * /" en klik op "Plakken".

6.

Vervang de "URL" in de code door het URL-adres van uw headerafbeelding te typen.

7.

Bewerk de nummers naast 'Breedte' en 'Hoogte' zodat deze overeenkomen met de grootte van uw koptekstafbeelding.

8.

Klik op de knop 'Voorbeeld' om de wijzigingen in uw blog te bekijken. Hiermee kunt u eventuele extra bewerkingen uitvoeren.

9.

Klik op 'Sjabloon opslaan' om uw wijzigingen op te slaan en een afbeeldingskop toe te voegen aan uw Blogger-blog.

 

Laat Een Reactie Achter