Een banner toevoegen aan een Blogger-blog

Het toevoegen van een banner aan uw Blogger-pagina's kan handig zijn om advertentie-inkomsten voor uw blog te genereren of om uw eigen producten en diensten prominenter in de kijker te zetten. Blogger heeft geen lay-outoptie om een ​​aparte bovenste banner boven je blogtitel in te voegen, maar je kunt de optie zelf maken met een kleine wijziging in de HTML-code van je blog. Als u alleen een afbeeldingsbanner wilt toevoegen in plaats van uw blogtitel of achter de titel in het kopgedeelte, is het proces veel eenvoudiger en hoeft u geen code te bewerken.

Maak bovenaan een nieuw bannerelement

Meld u aan bij uw Blogger-account en klik op de naam van uw blog om toegang te krijgen tot de beheerfuncties.

Selecteer het tabblad "Sjabloon" en klik vervolgens op "HTML bewerken" om toegang te krijgen tot de code die de lay-out van uw blog regelt.

Klik op het menu "Jump to Widget" en selecteer vervolgens "Header1". Blogger springt naar het codegedeelte dat je blogheader bestuurt.

Scroll een paar regels omhoog tot je de volgende code vindt:

Verander de "maxwidgets" waarde in "2", en verander de "showaddelement" waarde in "yes". De coderegel zou er nu als volgt uit moeten zien:

Klik op de knop "Sjabloon opslaan" om uw wijzigingen op te slaan. Blogger maakt een nieuw lay-outelement bovenaan je blog dat je kunt gebruiken om je banner in te voegen.

Bannerafbeelding toevoegen aan nieuw element

Klik op het tabblad 'Lay-out' en klik vervolgens op 'Een gadget toevoegen' in het nieuwe lay-outelement bovenaan de pagina.

Selecteer "HTML/JavaScript" in het pop-upvenster.

Plak de door de adverteerder verstrekte bannerwidgetcode in het veld Beschrijving. U kunt ook uw eigen bannerafbeelding gebruiken door de volgende code in het veld Beschrijving in te voeren, waarbij "ImageURL" de link naar uw afbeeldingsbestand vertegenwoordigt:

Klik op "Opslaan" om terug te keren naar het lay-outscherm en klik vervolgens op "Blog bekijken" om uw nieuwe banner te zien.

Koptekst vervangen door bannerafbeelding

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

Selecteer het tabblad "Lay-out" om de lay-out van uw blog te bekijken en klik vervolgens op de link "Bewerken" in het Header-element bovenaan de lay-out.

Klik op de knop "Bladeren" en dubbelklik vervolgens op het afbeeldingsbestand dat u als banner wilt gebruiken.

Selecteer een van de plaatsingsopties om te bepalen hoe uw banner reageert op de titel en beschrijving van uw blog. Selecteer "Achter Titel en Beschrijving" om de bannerafbeelding op de achtergrond te plaatsen, zodat de titel en beschrijving zichtbaar blijven. Selecteer "In plaats van titel en beschrijving" om de titel en beschrijving te vervangen door de banner.

Klik op "Opslaan" om terug te keren naar het lay-outscherm en klik vervolgens op "Blog bekijken" om uw nieuwe banner te zien.

Tips

Als u uw eigen bannerafbeeldingsbestand bovenaan uw blog gebruikt, moet u de afbeelding aanpassen aan de breedte van het scherm. Over het algemeen mogen Blogger-banners niet meer dan 758 pixels breed zijn.