Pubblicato il 10/08/15e aggiornato il

Come mostrare i pulsanti ufficiali di condivisione di Blogger solo nei post.

Come mostrare i pulsanti di condivisione ufficiali di Blogger solo nei post e non in Home, nelle pagine di Archivio e delle Etichette.
A seguito di una domanda inserita in commento che ho appena letto vado a pubblicare un instant post di risposta perché illustrare in un commento la procedura per nascondere i pulsanti ufficiali di condivisione di Blogger sarebbe stato oltremodo complesso. I bottoni di Blogger non piacciono molto agli utenti perché piccoli e poco colorati da risultare non molto visibili. Per attivarli si va su Layout > main >  Post sul blog > Modifica  e si mette la spunta su Mostra i pulsanti per la condivisione quindi si va in basso su Salva.

I bottoni di condivisione verranno mostrati di default in tutte le pagine del blog

pulsanti-condivisione-blogger

Per mostrarli solo nei post, e nelle pagine statiche, dopo aver salvato il template si va su Modello > Modifica HTML e si cerca share buttons con Ctrl+F. Si troverà un codice come questo

<!-- share buttons -->
      <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div>

Dovremo aggiungere una riga prima e dopo questo codice in questo modo

<b:if cond='data:blog.pageType == &quot;item&quot;'>
      <!-- share buttons -->
      <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div>
</b:if>

dove le righe aggiunte sono state evidenziate di giallo. Si salva il modello. I bottoni si vedranno solo nei singoli post e, in alcuni modelli anche nelle pagine statiche. Se si desidera non mostrarli nelle pagine statiche occorre aggiungere altre due righe evidenziate di verde in questo modo 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType == &quot;item&quot;'>       <!-- share buttons -->
      <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div>
</b:if>
 </b:if>

Ovviamente dovremo salvare il modello per rendere le modifiche effettive. I pulsanti di condivisione ufficiali di Blogger non si visualizzano nella versione mobile dove è presente solo il bottone con contatore di Google+ che però può essere nascosto con una opportuna modifica.




2 commenti :

  1. Ciao Ernesto, ho applicato questo codice perché volevo mostrare gli share buttons solo nei post, ma entrambi i codici me li nascondono sia nei post che nelle pagine. Il modello è il Simple. Sai mica quale potrebbe essere il problema?
    Grazie!

    RispondiElimina
    Risposte
    1. Vuoi mostrare il widget solo nei post? Il penultimo codice dovrebbe andare bene. Non è che hai solo guardato l'anteprima del modello senza salvare perché quello è un errore piuttosto comune?
      @#

      Elimina

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.