Widget di una foto da pinnare su Pinterest.

Come inserire nel layout o nei post e nelle pagine un widget di una data immagine già pinnata su Pinterest per farla ripinnare o condividere dai lettori.

Ho già presentato alcuni gadget per Pinterest come quello sui numerosi pulsanti personalizzabili e sul bottone specifico per i blog a Visualizzazione Dinamica. Pinterest è un social che serve soprattutto per quei siti che fanno delle immagini il loro punto di forza come quelli che trattano di moda, arredamento, make-up ma anche cucina, sport e viaggi. Ho anche pubblicato il codice dei metatag Rich Pins di Pinterest da applicare al modello di Blogger per avere le immagini del sito in un layout privilegiato.

Attraverso la funzione del Pin una singola foto può diventare virale e funzionare da moltiplicatore di visite per il blog visto che ciascun Pin effettuato riporta alla pagina di origine della immagine. Ricordo che Pinterest dà anche la possibilità di avere un link dofollow al nostro sito.

Il widget che vado a presentare serve per promuovere una singola foto in modo tale che se i lettori ci cliccheranno sopra si aprirà la pagina di Pinterest per dargli modo di ripinnarla, di inviarla o di condividerla. Tale gadget può essere inserito nel layout o addirittura in un post o una pagina statica. Lo script del widget può essere inserito una sola volta per poi utilizzarlo per un numero indefinito di immagini. In questo caso si va su Modello > Modifica HTML e si cerca la riga </body. Subito sopra si incolla questo codice

<!-- Script Pinterest Inizio -->
<script src='//assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<!-- Script Pinterest Fine -->

quindi si salva il template. Per inserire il widget bisogna che l'immagine sia già stata inserita in un board di Pinterest. Ci si deve cliccare sopra per copiarne l'indirizzo nella barra del browser

INSERIRE IL WIDGET DELLA IMMAGINE NEL BLOG

Se si vuole mostrare questa immagine in tutto o comunque in molte parti del sito si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla questo codice

<div align='center'>
<a data-pin-do="embedPin"
   href="http://it.pinterest.com/pin/29343835047070145/" >
</a>
</div>

dove la prima e l'ultima riga serve per centrare il widget e possono essere eliminate oppure si può sostituire center con right e left con ovvio significato.



Utilizzando i tag condizionali si può fare in modo di mostrare questo widget solo nei post, solo in homepage o soltanto in una determinata pagina.

INSERIRE IL WIDGET IN UN POST O IN UNA PAGINA

Visto che lo script di Pinterest è già stato incollato nel modello si può utilizzare questo sistema per mostrare delle immagini con la relativa descrizione direttamente nei post per farle pinnare dai lettori



Per farlo bisogna andare sull'Editor di Blogger e scegliere HTML invece di Scrivi. In quella modalità va incollato lo stesso codice precedente come mostrato in questo screenshot



Volendo si possono mostrare anche più immagini per pagina e si può settarne la posizione tramite gli attributi center, right o left.