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;
}
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
Si salva il modello e l'aspetto degli articoli muterà in questo modo
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
Visto che però viene nascosta anche la data di pubblicazione si può tranquillamente lasciare.
Questa modifica è disponibile anche per la modalità Magazine?
RispondiElimina@MarcoLambrigia
EliminaNo, funziona solo con Classic
Interessante questa modifica.
RispondiEliminaL'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?
@pier+-+-+-+
EliminaPenso 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
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!
RispondiEliminaNon 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@#