Come aggiungere e personalizzare il pulsante "Pin it" al passaggio del mouse sulle immagini del blog

Ieri Pamela, dei blog "Una mela verde lime" e "La fabbrica delle dolcezze", in una mail mi ha scritto:

Ciao Iole,
ho visto che molte blogger hanno sulle proprie foto il pulsante Pin it che permette, se schiacciato, di mettere il pin a quella foto su Pinterest. Io ho trovato un tutorial ma non oso mettere mano al codice del template.

Ed ecco oggi per Pamela e per tutti voi un tutorial per inserire e personalizzare facilmente il pulsante "Pin it" al passaggio del mouse sopra le immagini del vostro blog e senza mettere mano al template.

Come inserire il pulsante "Pin it" di Pinterest con contatore nel blog

Qualche settimana fa Luby in una mail mi ha scritto:

Ciao Iole,
vorrei mettere nel mio blog il tasto di Pinterest sotto ogni post.
Ci vorrei il contatore per sapere in quanti hanno pinnato.

Ed ecco oggi per lei e per tutti voi le istruzioni per inserire nel blog il pulsante "Pin it" di Pinterest con contatore.

Nota

Ci tengo a precisare che il codice html che trovate in questo mio post l'ho prelevato dalla pagina for developers di Pinterest e l'ho adattato per essere funzionante su Blogger.