Come aggiungere un pulsante di condivisione mobile in Bloggersharebox {sharebox .wdt {

Aggiungendo poche righe di codice, puoi includere un pulsante di condivisione mobile nel tuo blog di Blogger. Ciò consente ai tuoi utenti di condividere i post del tuo blog con i social network di loro scelta con un paio di clic del mouse e può aiutarti ad aumentare il traffico verso il tuo blog con il minimo sforzo da parte tua.

1

Raccogli i codici di incorporamento del pulsante di condivisione per ogni social network che desideri includere nel pulsante di condivisione mobile. Copia i codici e incollali in un documento di Blocco note.

2

Accedi al tuo account Blogger su Blogger.com.

3

Fare clic sul collegamento “Design” accanto al blog a cui si desidera aggiungere un pulsante di condivisione mobile.

4

Fare clic sul collegamento “Modifica HTML” nella parte superiore dello schermo.

5

Scorri verso il basso fino a trovare il tag “”. Posiziona il cursore una riga prima di esso, quindi inserisci il seguente codice:

Pulsante

6

Incolla il codice per un pulsante di condivisione di social network al posto di “Button” tra i tag “” e “” del passaggio 5. Puoi aggiungere più istanze di questa riga di codice per ogni pulsante di social network che desideri aggiungere.

7

Incolla la seguente riga di codice dopo “]]>.” tag nel modello Blogger:

8

Trova “” e incolla il codice seguente prima di quel tag:

$ (document) .ready (function () {var $ sidebar = $ (“# sharebox”), $ window = $ (window), offset = $ sidebar.offset (), topPadding = 15; $ window.scroll (function () {if ($ window.scrollTop ()> offset.top) {$ sidebar.stop (). animate ({marginTop: $ window.scrollTop () – offset.top + topPadding});} else {$ sidebar. stop (). animate ({marginTop: 0});}});});

9

Inserisci questo codice sopra il tag “]]>” per aggiungere la parte CSS del codice del pulsante di condivisione mobile al modello:

sharebox {

galleggiante: sinistra; margine sinistro: -80px; sfondo: #fff; posizione: assoluta; -moz-border-radius: 5px; border-radius: 5px; }

sharebox .wdt {

galleggiante: sinistra; chiaro: sinistra; imbottitura: 5px; }

10

Fare clic sul pulsante “Salva modello”.