Pubblicato il 12/09/12e aggiornato il

Come mostrare il nome dell'autore sotto al titolo nei modelli di Blogger a Visualizzazione Dinamica.

Come mostrare il nome dell'autore subito sotto il titolo del post nei blog di Blogger a Visualizzazione Dinamica.
I modelli a Visualizzazione Dinamica (Dynamic Views) danno la possibilità all'utente di visualizzare il blog in 7 modi diversi scegliendo nella barra orizzontale tra Classic, Flipcard, Magazine, Mosaic, Sidebar, Snapshot e Timeslide. Nel layout Classic, che è il più usato dagli utenti, il nome dell'autore del blog è visibile alla fine del post in posizione centrale insieme alla data di pubblicazione.

L'obiettivo che ci si pone è quello di aggiungere il nome dell'autore proprio sotto al titolo del post e eventualmente di eliminarlo dalla parte bassa per evitare una ridondanza che potrebbe dare fastidio. Visto che da pochi giorni è possibile modificare il codice anche dei modelli a Visualizzazione Dinamica, prendiamo questo piccolo hack anche come esercitazione in tal senso. Questa operazione può anche essere fatta andando su Modello > Personalizza > Avanzato > Aggiungi CSS.

Andiamo invece su Modello > Modifica HTML > Procedi e cerchiamo la riga ]]></b:skin>. Subito sopra incolliamo questo codice dove dovrà ovviamente essere modificato il nome

.article .article-header h1.title:after, .ss{
content:"pubblicato da Nome Autore";
display: block;
padding-top: 10px;
font-size: 14px !important;
color: #242424 !important;
}

Si possono settare diversamente anche le dimensioni dei caratteri e il colore. Ecco lo screenshot

modificare-html-blog-visualizzazione-dinamica

Si salva il modello e l'aspetto degli articoli muterà in questo modo

nome-autore-sotto-titolo-blogger-visualizzazione-dinamica

Il nome dell'autore del post rimarrà anche nella parte finale dell'articolo. Volendo possiamo nasconderlo incollando sempre sopra alla riga ]]></b:skin> quest'altro codice 

.publish-info{display:none;}

che nasconde le informazioni sull'autore
infoirmazioni-autore

Visto che però viene nascosta anche la data di pubblicazione si può tranquillamente lasciare.




6 commenti :

  1. Questa modifica è disponibile anche per la modalità Magazine?

    RispondiElimina
    Risposte
    1. @MarcoLambrigia
      No, funziona solo con Classic

      Elimina
  2. Interessante questa modifica.
    L'ho utilizzata per inserire la mail su un sito che offre viaggi (solobeiviaggi.glogspot.it)

    Pensi sia possibile togliere la "bandierina" con la data di pubblicazione?

    RispondiElimina
    Risposte
    1. @pier+-+-+-+
      Penso sia possibile ma la bandierina è formata da almeno quattro classi di stile top-ribbon-piece bottom-ribbon-piece e tail quindi andrebbero applicati i tag display:none; a più elementi

      Elimina
  3. Ciao Ernesto, è possibile aggiungere al proprio nome autore, che compare in cima al post come hai appena spiegato, il link per l'attribuzione die contenuti? cioè quello famoso con il profilo G+ e il rel=author? se sì, in che modo si può fare? grazie!

    RispondiElimina
    Risposte
    1. Non so se sia possibile ma non ne vedo la necessità. Per avere il link rel='author' basta collegare il profilo Blogger a quello G+ e eventualmente aggiungere il widget ufficiale
      @#

      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.