Hoe badges kunnen zweven op Blogger

Badges op uw Blogger-blog leiden lezers naar de sociale netwerkaccounts van uw bedrijf. Een Facebook-badge toont je aantal fans, een Twitter-widget geeft een overzicht van je meest recente tweets en linkt alle lezers aan het externe account, zodat ze het kunnen volgen voor toekomstige bedrijfsupdates. Gebruik de eigenschap float van CSS om badges in Blogger uit te lijnen. De float-eigenschap scheidt een element van de omringende stroom en positioneert deze aan de zijkant van de pagina, onafhankelijk van aangrenzende tekst.

1.

Open het dashboard van je blog. Klik op de naam van de blog om zijn overzichtspagina te openen.

2.

Klik op "Sjabloon" om de sjabloon te bewerken.

3.

Klik op "HTML bewerken" om de sjablooncode te openen.

4.

Ga naar de stijlsectie van de sjabloon, die de regel "/ * Inhoud" volgt.

5.

Typ de volgende code om een ​​nieuwe stijl toe te voegen:

.float-badges {float: left; }

6.

Ga naar de code voor uw badge. Het begin van de code voor een Facebook-badge kan bijvoorbeeld op het volgende lijken:

7.

Voeg de volgende code toe vóór de badge:

8.

Voeg de volgende code toe na de badge:

9.

Klik op 'Opslaan'.