Come visualizzare il Profilo sotto ai post anche nei modelli vecchi o scaricati da internet.

Come visualizzare il Profilo di Blogger o anche di Google+ alla fine degli articoli di Blogger anche nei modelli personalizzati o scaricati da internet.

Ho appena pubblicato un articolo su come mostrare il Profilo dell'autore del blog alla fine di ciascun articolo e ho subito letto dei commenti di utenti di Blogger che non riescono a vederlo. Ho più volte detto che le funzionalità introdotte da Blogger sono funzionanti solo nei modelli ufficiali e aggiornati. Mi rendo conto come sia più esteticamente valido utilizzare un template specifico per la nostra nicchia di mercato però ci dobbiamo rendere conto che pagheremo il prezzo di avere aggiornamenti non sempre funzionanti e delle performance SEO più limitate.

Nel caso specifico del Profilo succede semplicemente che, se si mette la flag per mostrare il profilo, nel template non viene inserito il relativo codice perché i sistemi automatici che lo fanno non supportano vecchi template o modelli particolarmente modificati. Vediamo come sia però possibile incollare manualmente il codice del Profilo in modo da renderlo comunque visibile anche in questi blog.

Ricordo che per visualizzare il Profilo dell'autore del blog si deve andare su Layout > Post sul blog > Modifica e mettere la spunta a Mostra profilo autore sotto il post per poi andare su Salva.

Se nonostante questo non riuscite a visualizzare il rettangolo con le informazioni, dopo aver salvato il template, andate su Modello > Modifica HTML e cercate con Ctrl+F  la riga

<div class='post-footer-line post-footer-line-3'/>

che generalmente è seguita da due </div> in questo modo

Subito sotto tale riga, incollate questo codice

<b:if cond='data:post.authorAboutMe'>
        <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
          <b:if cond='data:post.authorPhoto.url'>
            <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
          </b:if>
          <div>
            <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
              <span itemprop='name'><data:post.author/></span>
            </a>
          </div>
          <span itemprop='description'><data:post.authorAboutMe/></span>
        </div>
      </b:if>

in questo modo



Salvate il modello e vedrete il Profilo sotto ai post con un aspetto simile a questo

Come già fatto osservare ne precedente post dedicato a questo argomento, il profilo si vedrà anche in homepage, nelle pagine statiche, nelle pagine di etichette e in quelle di archivio. Per visualizzarlo solo alla fine degli articoli si va su Modello > Modifica HTML e, subito sopra al tag </head>, si incolla questo CSS

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
div.author-profile {display:none !important;}
</style>
</b:if>

Se si preferiscono altre opzioni si può sempre cambiare il tag condizionale. E' naturalmente possibile modificare i fogli di stile del Profilo per cambiarne l'aspetto. Per esempio se subito sopra alla riga ]]></b:skin> si incolla questo codice

.author-profile {width: 400px !important}
.author-profile img {width: 80px !important}

l'aspetto del Profilo verrà così modificato



con l'avatar di 80 pixel invece che 50 e con le info limitate a una larghezza di 400 pixel.