Blogger Book

Per aggiungere il pulsante "Salva" (Pin It) di Pinterest direttamente sulle immagini dei singoli post del tuo blog, puoi configurare lo script ufficiale di Pinterest nel codice del tuo tema Blogger. Questo farà apparire automaticamente il pulsante quando i visitatori passano con il mouse sopra qualsiasi foto dei tuoi articoli.

1.Accedi all'editor HTML del tema:Pannello di Blogger.

Vai su Blogger, seleziona Tema dal menu laterale, clicca sulla freccia accanto al pulsante Personalizza e scegli Modifica HTML.

Verifica: Dovresti visualizzare l'editor di codice completo del tuo template.

2.Aggiungi il codice di Pinterest:Inserimento script.

Usa la combinazione Ctrl + F (o Cmd + F su Mac) per cercare il tag di chiusura </body> all'interno del codice. Subito prima di questo tag, incolla il seguente script ufficiale di Pinterest:

HTML

<script type="text/javascript" async defer data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

Verifica: Assicurati che la riga di codice si trovi esattamente sopra la chiusura </body> senza alterare gli altri elementi.

3.Salva le modifiche:Salvataggio.

Clicca sull'icona del dischetto (Salva) in alto a destra nell'editor per memorizzare le modifiche apportate.

Verifica: Attendi la notifica visiva che conferma il successo del salvataggio.

4.Prova il pulsante sul blog:Test operativo.

Apri un articolo del tuo blog in una finestra del browser in modalità in incognito e posiziona il cursore del mouse sopra un'immagine del post.

Verifica: Dovrebbe comparire l'icona di Pinterest ("Salva") in alto a sinistra sull'immagine, pronta per l'uso.