Questo articolo spiega come aggiungere un pulsante "Mi piace" di Facebook cliccabile al tuo sito web di Blogger (blogspot.com). Dopo aver creato il pulsante nel configuratore del pulsante Mi piace, dovrai solo copiare e incollare due bit di codice nella dashboard di Blogger, apportando una rapida modifica per la compatibilità.
Passi
Parte 1 di 3: creazione di un pulsante Mi piace
Passaggio 1. Vai su
Puoi utilizzare qualsiasi browser Web moderno, come Chrome o Safari.
Passaggio 2. Scorri verso il basso fino a Configuratore del pulsante Mi piace
È nella terza sezione della pagina.
Passaggio 3. Inserisci l'indirizzo del tuo blog nella casella "URL a cui piace"
Passaggio 4. Inserisci la larghezza del plug-in desiderata nella casella "Larghezza"
La maggior parte degli utenti di Blogger può lasciare vuota questa casella, poiché la larghezza predefinita (450 px) funziona correttamente. Nota che questa è la larghezza dell'intero plugin, non il pulsante Mi piace stesso.
Passaggio 5. Selezionare uno stile di pulsante dal menu "Layout"
Vedrai un'anteprima di ogni stile quando è selezionato.
Passaggio 6. Selezionare un'azione dal menu "Tipo di azione"
Per impostazione predefinita, il tuo pulsante dirà "Mi piace". Se preferisci, puoi cambiarlo per dire "Consiglia". Quando qualcuno fa clic sul pulsante, i suoi follower di Facebook vedranno "(nome della persona) lo consiglia".
Passaggio 7. Selezionare una dimensione dal menu "Dimensione pulsante"
L'anteprima del pulsante sotto il configuratore ti mostrerà l'aspetto di ogni dimensione.
Passaggio 8. Seleziona o deseleziona la casella "Includi pulsante Condividi"
Se la casella è selezionata, un pulsante che dice "Condividi" apparirà accanto al pulsante Mi piace sul tuo blog. Se qualcuno fa clic su questo pulsante, avrà l'opportunità di inserire parte del proprio testo prima di condividere il collegamento con i propri amici di Facebook.
Passaggio 9. Fare clic su Ottieni codice
Ora vedrai due caselle contenenti codice HTML che devi incollare in diverse aree di Blogger.
Parte 2 di 3: aggiunta del codice al tuo modello
Passaggio 1. Accedi a
Utilizza un'altra scheda o finestra del browser, poiché dovrai copiare e incollare il codice da Facebook a Blogger.
Passaggio 2. Fare clic su Modello
Si trova sul lato sinistro dello schermo, vicino alla parte inferiore del menu.
Passaggio 3. Esegui il backup del modello del tuo blog
Fai sempre un backup quando modifichi direttamente il codice HTML del tuo blog.
- Clicca il Ripristinare il backup pulsante nell'angolo in alto a destra della pagina.
- Clic Scarica il modello.
- Inserisci un nome per il tuo file, ad es. "backup del modello di blog".
- Clic Salva.
Passaggio 4. Fare clic su Modifica HTML
È appena sotto l'immagine di anteprima del tuo blog.
Passaggio 5. Copia il codice dalla prima casella del configuratore del pulsante Mi piace di Facebook
È il codice nella casella in alto, sotto "Passaggio 2".
Puoi copiare il testo evidenziandolo, quindi premendo Ctrl+C o Comando+C
Passaggio 6. Incolla il codice nel codice HTML di Blogger
Il codice deve essere incollato dopo la riga che inizia con <body, preferibilmente sulla riga successiva.
- Per darti un posto dove incollare il codice, fai clic prima del primo carattere della riga dopo il tag del corpo, quindi premi Invio o A capo.
- Fai clic sulla riga vuota, quindi premi Ctrl+V o Comando+V per incollare.
Passaggio 7. Sostituisci ogni "&" nel codice incollato con"
&
”.
Non includere le virgolette.
-
Ad esempio, "//connect.facebook.net/en_US/sdk.js#xfbml=1 &version=v2.8” diventa “//connect.facebook.net/en_US/sdk.js#xfbml=1
&
- versione=v2.8"”
Passaggio 8. Fare clic su Salva modello
-
Se hai saltato accidentalmente un "&", vedrai un errore che dice "Error Parsing XML" appena sopra il codice. Torna al codice incollato, trova & e sostituiscilo con
&
- .
Parte 3 di 3: aggiungere il pulsante al tuo layout
Passaggio 1. Copia la seconda casella di codice dal configuratore del pulsante Mi piace
Dovrai tornare all'altra finestra o scheda del browser per trovarlo. Questo è il codice nella casella sotto "Passaggio 3".
Puoi copiare il testo evidenziandolo, quindi premendo Ctrl+C o Comando+C
Passaggio 2. Torna su Layout in Blogger
Si trova sul lato sinistro della dashboard di Blogger, appena sopra "Modello".
Passaggio 3. Fare clic sul pulsante Aggiungi un gadget nel punto in cui si desidera che appaia il pulsante
Nella maggior parte dei casi, vorrai che il pulsante appaia in un'intestazione o in un piè di pagina
Passaggio 4. Seleziona HTML/JavaScript
Dovrai scorrere un po' verso il basso per trovarlo.
Passaggio 5. Digita facebook in "Titolo
”
Passaggio 6. Incolla il codice copiato nella casella "Contenuto"
Puoi farlo facendo clic nella casella e premendo Control+V o Command+V.
Passaggio 7. Fare clic su Salva
Ora vedrai una scatola di gadget chiamata "facebook".
Fai clic su Anteprima nell'angolo in alto a destra della pagina per assicurarti che il pulsante appaia dove dovrebbe. Se non ti piace la posizione, puoi trascinare la casella "facebook" in una delle altre sezioni del layout
Passaggio 8. Fare clic su Salva disposizione
Si trova nell'angolo in alto a destra dello schermo. Ora, quando qualcuno apprezza il tuo blog, può condividerlo facilmente con tutti i suoi amici di Facebook.