Come far fluttuare i badge su Blogger

I badge sul tuo blog Blogger indirizzano i lettori agli account di social network della tua azienda. Un badge Facebook mostra il numero di fan, un widget Twitter elenca i tweet più recenti e ognuno collega i lettori all’account esterno in modo che possano seguirlo per futuri aggiornamenti dell’azienda. Per allineare i badge in Blogger, utilizza la proprietà float CSS. La proprietà float separa un elemento dal flusso circostante, posizionandolo a lato della pagina indipendentemente da qualsiasi testo adiacente.

1

Apri la dashboard del tuo blog. Fare clic sul nome del blog per aprire la sua pagina di panoramica.

2

Fare clic su “Modello” per modificare il modello.

3

Fai clic su “Modifica HTML” per aprire il codice del modello.

4

Scorri fino alla sezione dello stile del modello, che segue la riga “/ * Contenuto”.

5

Digita il codice seguente per aggiungere un nuovo stile:

.float-badges {float: left; }

6

Scorri fino al codice per il tuo badge. Ad esempio, l’inizio del codice per un badge Facebook potrebbe essere simile al seguente:

<a href=”https://www.facebook.com/pages/Company-Name/000434762324080″ target=”_TOP”

7

Aggiungi il seguente codice prima del badge:

8

Aggiungi il seguente codice dopo il badge:

9

Fai clic su “Salva”.