Pubblicato il 30/07/13 - aggiornato il  | 12 commenti :

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.

profilo-autore-blogger

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

modello-blogger

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

incollare-codice-profilo

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

profilo-blogger-sotto-post

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

profilo-modificato

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


12 commenti :

  1. Scusa Ernesto ma come si fa a sapere se il template è ufficiale...e poi si aggiornano ?
    Io ho un template preso tra quelli "semolice" che si trovano nella pagina "modello" di blogger...

    RispondiElimina
  2. Risposte
    1. Se il template è uno qualsiasi di Blogger e non usi un modello scaricato da internet allora significa che è ufficiale. Poi ovviamente si possono fare moltissime personalizzazioni che ne mutano il codice oltre che l'aspetto.
      Per i template non c'è l'aggiornamento automatico come per le applicazioni o per i software. Diciamo che almeno ogni anno se non ogni 6 mesi bisognerebbe cambiare modello e scegliere uno di quelli disponibili su Blogger in quel momento. Anche se hanno lo stesso nome, in un anno o anche solo in pochi mesi può cambiare il codice. L'aggiornamento deve intendersi in questo senso
      @#

      Elimina
    2. Accidenti...neanche sapevo di questo accorgimento! E' un anno che andavo avanti con lo stesso template. Ora l'ho aggiornato e mi sembra che funzioni tutto meglio ! Forse dovresti fare un articolo specifico su questa cosa perchè secondo me sono in molti a non sapere dell"aggiornamento" del template !

      Elimina
    3. Credo che un anno sia un tempo più che giusto per cambiare il template. Io sono su Blogger da 5 anni e mezzo e ho cambiato il template solo due volte :)
      Della serie predicare bene e razzolare male :/P

      Elimina
  3. Hai per caso provato se funziona anche per blog condivisi con più autori? Intendo se poi il profilo sotto il post è diverso a seconda dell'autore che ha pubblicato il post.

    RispondiElimina
    Risposte
    1. E' una domanda che mi sono fatto anch'io ma non ho potuto testare. La presenza di questo tag variabile
      data:post.authorProfileUrl
      fa pensare che in effetti venga mostrato il profilo su Google+ dell'autore del post e quindi che vari se gli autori sono più di uno ma non ne posso essere sicuro
      @#

      Elimina
    2. E' una cosa che potrebbe risultare interessante soprattutto per i blog condivisi. Magari se hai tempo e voglia potresti testare e scriverci uno dei tuoi sempre interessanti articoli.

      Elimina
  4. Si vengono visualizzati i profili di tutti gli amministratori e autori del blog.
    Potrebbe consigliarmi una articolo su come inserire una barra con dei link come ha fatto lei qui?
    Intendo quella dove c'è Home About Blogger Widget ecc...

    RispondiElimina
    Risposte
    1. La barra si chiama menù :)
      Leggi qui
      http://www.ideepercomputeredinternet.com/2013/06/multilevel-blogger-menu.html
      @#

      Elimina
  5. Ciao Ernesto! Sapresti indicarmi un codice, meglio ancora se css per ridimensionare i contenitori dei post che racchiudono l'immagine, in homepage? i miei sono rettangolari e alcune foto come dire.. le schiaccia e altre sono perfette.. vorrei renderli quadrati. E mi piacerebbe anche ridimensionare il cerchio che racchiude la foto dell'autore sotto ai post (è quello base del template) Grazie. Lisa.

    RispondiElimina
    Risposte
    1. In linea di massima non rispondo a domande di questo tipo. La ragione è ovvia. Hai scaricato un template da internet e vorresti che te lo modificassi. I modelli scaricati da internet hanno un codice che solo il suo autore conosce bene e dovresti chiedere a lui. Dubito però che ti risponderà :)
      Comunque come tentativo prova a incollare sopra alla riga del CSS cioè /b:skin questo codice
      div.thumb {width: 250px !important; height: 250px !important}
      ovviamente puoi modificare le dimensioni
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy