Pubblicato il 22/02/14e aggiornato il

Come visualizzare il pulsante ufficiale di Pinterest su Blogger.

Come rendere visibile il pulsante di condivisione di Pinterest nei blog su Blogger e come visualizzare tali bottoni solo negli articoli.
Gli utenti di Blogger possono mostrare da circa quattro anni alla fine dei post i pulsanti di condivisione ufficiali. In passato c'era anche quello di Google Buzz, un social che è miseramente naufragato, e che in seguito è stato sostituito da Google+ che è l'unico a avere il contatore delle condivisioni. L'amministratore del blog può decidere di mostrare o meno tali bottoni andando su Layout > Post sul blog > Modifica. Mettendo la spunta accanto a Mostra i pulsanti di condivisione e cliccando su Salva si abilita la visione dei bottoni nel footer non solo nei singoli post ma anche in homepage, nelle pagine di etichette e nelle pagine di archivio. 

Nella maggior parte dei blog da qualche giorno è comparso anche il pulsante di condivisione di Pinterest insieme a quelli di GMail, Blogger, Twitter, Facebook e Google Plus

bottone-pinterest

In alcuni modelli vecchi però ancora non viene visualizzato

bottoni-condivisione-blogger

Se siete amanti di Pinterest o volete dare ai lettori la possibilità di condividere le foto presenti nei vostri post vediamo come attivare anche questo bottone. Ovviamente bisogna essere sicuri che sia stata impostata la visibilità dei bottoni andando su Layout > Post sul blog > Modifica

attivazione-bottoni-condivisione

Dopo aver salvato l'impostazione andate su Modello > Backup /Ripristino e scaricate il modello completo per un eventuale ripristino. Adesso andate su Modello > Modifica HTML. Cliccate nell'area del codice stando attenti a non modificare nulla. Digitate Ctrl+F (OS Windows) per aprire la casella di ricerca. Incollate questa riga <b:includable id='shareButtons' var='post'> e pigiate su Invio

bottone-pinterest[5]
Cliccate sulla freccetta nera posta a sinistra per visualizzare tutto il codice dei bottoni di condivisione

bottoni-condivisione-blogger[4]

Selezionate tutto il codice compreso tra <b:includable id='shareButtons' var='post'> e </b:includable> quindi pigiate su Canc per eliminarlo e salvate il modello.

Visto che è sempre presente la spunta sulla impostazione per la visualizzazione dei bottoni di condivisione andando su F5 per ricaricare la pagina del modello vi accorgerete cercando la stessa riga come in precedenza che il codice c'è sempre. Cliccando sulla freccetta nera per visualizzare tutto il codice potrete constatare che non solo è ricomparso ma che si è anche aggiornato aggiungendo pure l'icona di Pinterest con il relativo javascript

pinterest-button

Se adesso aprite il vostro blog vedrete come il pulsante di Pinterest sia visibile e funzionante

pulsante-pinterest-blogger

COME VISUALIZZARE I BOTTONI DI CONDIVISIONE SOLO NEI POST


Se ritenete che i bottoni debbano essere visti solo nei post e non in homepage o nelle pagine delle etichette basterà aggiungere i tag condizionali relativi. Facendo riferimento alle righe di codice appena menzionate basterà incollare nel modello questa nuova riga

<b:if cond='data:blog.pageType == &quot;item&quot;'>

subito dopo la riga

<b:includable id='shareButtons' var='post'>

e il tag </b:if> subito prima di </b:includable> in questo modo

tag-condizionali-blogger-bottoni

Salvate il modello. In questo modo i bottoni, compreso quello di Pinterest, saranno visibili solo nei post.




2 commenti :

  1. Grazie mille per il tutorial, lo cercavo da tanto! :)

    RispondiElimina
  2. Non avevo notato di non avere il bottone di pinterest! :D adesso ce l'ho, grazie.

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.