12 settembre 2012

Come mostrare il nome dell'autore sotto al titolo nei modelli 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.



4 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

Non inserire link cliccabili altrimenti il commento verrà eliminato. Clicca nel link qui sotto Iscriviti per email per ricevere le notifiche di nuovi commenti al post.