Centrare il titolo dei post su Blogger


Ecco una modifica molto semplice per Blogger che, se fatta su un design adatto, crea un effetto davvero notevole: centrare i titoli dei post su Blogger. Per farvi un’idea, basta dare un’occhiata al bellissimo blog di Sarah:

image

Codice per centrare i titoli

Dovrete inserire pochissime righe di codice CSS (guardate qui per maggiori istruzioni su dove farlo), il problema è che come sempre ogni template ha la sua storia (specialmente quelli vecchi o quelli scaricati dalla rete), quindi vi propongo due diverse soluzioni: se non funziona una provate l’altra.

Codice n° 1:

Questo probabilmente funzionerà con tutti i modelli realizzati col nuovo designer:

h3.post-title {
  text-align:center !important;
}

Codice n° 2:

Questo è più indicato per i vecchi modelli:

.post h3 {
  text-align:center !important;
}

Salvate le modifiche e visualizzate il blog:

image

Se non funziona?

Se la modifica non funziona per il vostro template, è possibile che il codice vada variato leggermente. Lasciatemi un commento e vedremo di risolvere.

Ancora una volta sottolineo che l’effetto non è adatto a tutti i blog, fate la prova e tornate indietro se non va bene. La modifica non ha effetto nell’indicizzazione dei motori di ricerca e nella lettura nei feed reader, blogroll e simili.

Condividi su Facebook, Twitter o Google Buzz:
Condividi su Facebook Condividi su Twitter Pubblica su Google Buzz

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:
oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!

41 commenti:

chiara ha detto...

ciao orazio, ti seguo sempre anche se non commento da mesi :-))
io ho appena provato, sono passata dal vecchio al nuovo designer e ho il modello semplice.. però non mi ha preso la modifica.. chissà perchè? di solito uso aggiungi css e funziona!
ti sono grata se potrai aiutarmi
chiara

chiara ha detto...

Scusa, ancora io. Sono riuscita ma attraverso il vecchio html e non capisco come mai. Quando si passa al nuovo designer da un template minima non dovrebbe bastare usare aggiungi css? vabbè,
ciao e grazie per tutte le tue dritte!
chiara

Anna ha detto...

Ciao Orazio, sono mesi che cerco di migliorare il "look" al mio blog
nonostante apporto modifiche non è mai come desidero...ho provato ad aggiungere il codice ma a quanto pare senza succeso...HELP ME!!
Grazie!!!

parsifal32 ha detto...

Orazio, scusa se mi permetto ma credo ti sia sfuggito un punto e virgola. !important; invece di !important
A parte che poi risulta essere ininfluente in quasi tutti i modelli, ciao

noiegliextraterrestri ha detto...

Caro Orazio, io ora ho un blog su un template per blogger non classico e vorrei trasferirlo su uno nuovo del Designer di Blogger; vengo al sodo: io uso questa vecchia maniera per la visualizazzione sintetica di post http://www.creareblog.org/2008/03/visualizzare-gli-articoli-in-forma.html, dici che dovrei applicarla anche all'HTML del nuovo template, si può applicare? Non so se è una buona idea per il mio caso attivare il nuovo editor di Blogger con incluso la funzionalità dei post corti.. sarebbe brutto vedere i nuovi post che contrastano con i vecchi... Che cosa consigli?
Grazie e un abbraccio
Annalisa

Tenebrae ha detto...

@parsifal: permettiti senza problemi quando scrivo qualcosa di inesatto. più che altro il punto e virgola l'ho messo prima invece di dopo. ho corretto.

comunque chi ha già fatto la modifica e non ha problemi può tranquillamente lasciare le cose come stanno.

Anna ha detto...

A questo punto mi arrendo? ...impedita!!

Giuliedda ha detto...

Ciao Orazio
grazie mille, funziona perfettamente ^___^
Giuliedda

enrico ha detto...

Scusa l'OT ma come si fa in Blogger a mettere la didascalia dopo aver postato una foto ?
Grazie

Tenebrae ha detto...

quando avete più blog, se non mi indicate dov'è il problema mi complicate la vita :P

@chiara: strano, ho visto il codice del tuo template e avrebbe dovuto funzionare il primo esempio di codice. comunque col nuovo designer l'effetto è lo stesso che facendo la modifica coi vecchi template, cioè il codice css finisce sempre lì

direi che l'importante è essere arrivati al risultato

@anna: non ho trovato dentro il tuo template il codice di cui parlo nell'articolo... sicura di non aver dimenticato di salvare le modifiche?

@noiegliextraterrestri: non ho provato a portare quel codice in un nuovo template, quindi non saprei dirti se ci sono effetti collaterali, andrebbe fatta la prova su un blog temporaneo e vedere come (se lo fai fammi sapere)

io in un primo momento ho lasciato quel codice che spezza i post, ma nei nuovi articoli ho usato il nuovo tag di blogger e non quello dello script, facendo convivere le due cose senza che i lettori notassero differenza

poi ho tolto lo script per alleggerire il blog, ma puoi continuare a lasciarlo per i post passati e usare il tag di blogger per i nuovi

@giuliedda: ottimo, il risultato ci sta benissimo nel tuo blog

Tenebrae ha detto...

@enrico: purtroppo non è possibile direttamente su blogger. si può fare aggiungendo il plugin "polaroid picture" di cui parlo qui.

un'alternativa sarebbe quella di creare un tabella su windows live writer, dove sopra metti l'immagine e sotto il testo... un po' più macchinoso

Jessica ha detto...

ciao orazio ti seguo da tantissimo tempo e i tuoi articoli sono sempre molto chiari ed esaustivi però io ho provato a inserire il codice nel mio blog ma non succede niente...cosa devo fare?

Tenebrae ha detto...

@jessica: anche nel tuo caso non riesco a trovare il codice nel template.

forse l'hai tolto vedendo che non funzionava? e se invece l'hai lasciato rientrando lo ritrovi?

Itsas ha detto...

No, io non ci riesco

ho provato con "modifica html" e cercando quello che dici

e poi andando ho provato su design, etc.

sempre salvando le modifiche, ovvio
ma non è servito

ecco il mio blog: http://blogdiitsas.blogspot.com/

Jessica ha detto...

ho fatto tutti i passaggi ho clicccato sul pulsante in alto a destra applica al blog, poi sono uscita e rientrata e sono andata sempre in design ecc ecc..aggiungi css e il codice non c'è più....

noiegliextraterrestri ha detto...

Ciao Orazio il vecchio script non viene accettato nel nuovo modello Blogger. Ma comunque, la soluzione migliore sarebbe quella di esportare il blog in un'altro, appositamente creato per l'occasione che funge da Archivio Pubblico (con tutti i vecchi post e vecchio template) e caricare al suo posto un nuovo modello blogger con tutte le sue nuove funzionalità così evitiamo scervellamenti e cervicali varie :-) Buona idea no? Ciao. Annalisa

ombretta ha detto...

cia Orazio
coem sempre anche questa volta ho applicato questo tuo suggerimento e
VOILAAAAAA''
mi piace moltissimo grazie Orazio
sei prezioso come sempre

PS.. ti invito a visitare il mio blog se vuoi^^

www.ricamando-online.blogspot.com

MariCrea ha detto...

Anche sul mio Blog otche ha un template ottenuto col nuovo designer non funziona!
Mi sa che anche io sono proprio una cozza!
Mari

MariCrea ha detto...

Per quanto riguarda la domanda di ieri ti ho scritto:
L'effetto è questo ma io non uso WIndows Live Writer!
Uso Picasa,ma anche immagine direttamente dal Web e anche PSE ma in tutti i casi la prima immagine non compare!
Non so proprio che fare
Se ricordi era il problema riferito alla mancanza dell'immagine in quello che tu hai chiamato molto più professionalmente di me Blogroll

MariCrea ha detto...

Ho provato a creare un blog di prova e scrivere un post di prova con immagine e questa si vede nel blogroll poi la stessa immagine l'ho inserita nel mio blog con lo stesso procedimento e non si vede quindi ci deve essere qualcosa nell'impostazione del mio blog ma non so cosa
Grazie e scusa per il disturbo
Mari

MariCrea ha detto...

ho risolto grazie al blog di prova!
Ho confrontato le differenze ed ho visto quello ch mi impediva la visualizzazione!
Ora mi resta solo più che aspettare il tuo consiglio per il titolo centrato che non riesco ad ottenere.
grazie e scusa ancora
mari

✂♥ laura♥ ✂ ha detto...

ciao orazio
mi e' successa una cosa strana
oggi ho fatto delle modifiche al mio blog www.lauracountrystyle.com senza toccare nulla sull html.dopo un po' di ore nn sono piu' riuscita ad entrare sulla mia bacheca usando firefox.allora ho provato con chrome e tutto bene,ma dopo circa due ore nn sono piu' riuscita ad entrare nemmeno da la'..ora mi e' rimasto solo explorer..da la' riesco ad entrare ,ma nn so ancora per quanto...perche' succede cosi'.. mi dice copio e incollo Request-URI Too Large

The requested URL /accounts/ServiceLogin... is too large to process.
io sono impedita gia' di mio..e nn capisco perche'
ti ringrazio se riuscirai a rispondermi
ti auguro una buona serata
laura

Anna ha detto...

Ciao! sia ieri che oggi ho applicato al blog il codice niente ancora...uffiuffi!!
Grazie!!!

✂♥ laura♥ ✂ ha detto...

ciao sistemato..era un problema di cookie
ne approfitto per farti mille complimenti per la tua gentilezza nel mettere a nostra disposizione tutto quello che sai e per la tua disponibilita'...
ciao ciao laura

Claudia ha detto...

Grazie.... funziona!!!!

Sandra ha detto...

Ciao Orazio!
Grazie fuziona perfettamente!!

Tenebrae ha detto...

@itsas: ho dato un'occhiata al sorgente del tuo template, ma a quel che vedo il codice si trova nel posto sbagliato

@annalisa: fattibile, però peccato togliere i vecchi post dal blog... perchè non li lasci interi e amen?

@maricrea: interessante... sapresti dirci in cosa consisteva la differenza?

Tenebrae ha detto...

@anna: mi manderesti il backup del template? voglio capire se c'è un problema dovuto ai template

MariCrea ha detto...

La differenza la faceva il Feed burner!
comunque anche io non riesco a centrare il titolo del post
C'è qualche altra possibilità?
Mari

Beta ha detto...

Ciao Orazio, ho provato anch'io, ma non mi funziona, nè sul blog nè su quello di prova (Sassolini), anche se mi dice che l'ha accettato! Boh? Che faccio?
Volevo anche chiederti, cortesemente, se c'è un modo per sviluppare il titolo del post in due righe... quello che vorrei fare è mettere la tag principale fra parentesi, nella prima riga, ed il titolo nella riga sotto.... Grazie per la tua disponibilità!

Itsas ha detto...

@Tenebrae

avevi ragione
l'avevo copiato in una riga sbagliata, simile a quella che davi tu, ma non quella giusta


ora come potrai vedere funziona: http://blogdiitsas.blogspot.com/


Ciao e grazie!!!!

Shabby Chic Interiors ha detto...

Oddio, ma come ho fatto a perdermi questo post??? Ma che dolce che sei, perdonami il termine (non vorrei fare ingelosire nessuno) ma è il meno amorevole che mi viene da dirti in questo momento! Perdona il mio silenzio, ero solo presa dal blog candy...ma ora è tutto finito!

Ti ringrazio tantissimo per il tuo gesto...pensa che c'è stata una persona o due che mi hanno scritto dicendomi che erano arrivate a me attraverso a te, ed io che pensavo ci fossero arrivate dal tuo link, non mi aspettavo certo da un tuo post, che fuori che sono!

Comunque voglio ringraziarti anche pubblicamente perchè tutte le migliorie che sono riuscita a fare con il blog è stato tutto merito tuo e di nessun altro. Da quando ti ho scoperto, ho come riscoperto l'acqua calda...ecco tu sei la mia acqua calda! ;)

Un grande bacio,
Sarah

Cecilia ha detto...

Ciao Orazio, questa modifica é molto carina e mi piacerebbe riuscire a farla! Il problema é che si centra solo il titolo, ma la data rimane a sinistra! Io ho il template minimo in blogger, il piú semplice che ci sia (non ricordo esattamnte come si chiama) e ho provato le 2 tipologie di codice che tu hai messo sia su EDIT HTML sia che su DESIGN-->ADD CSS, ma niente, in tutti e 4 i casi si centra il titolo ma la data rimane a sinistra! Grazie mille, spero potrai aiutarmi! Buona domeica! :D

Lia ha detto...

Bellissimo grazieeeeeeee!!

SerenaMente ha detto...

Fantastico! non pensavo di poter usare i CSS in blogger!
Centrati i titoli, messo il giustificato negli articoli, definito il carattere corretto... ora il blog comincia ad apparire come voglio!

Grazie per i tuoi articoli davvero utili.

SerenaMente

Vane ha detto...

ciao orazio io ho un blog..pero la grafica l ho creata io con un probgramm..aggiungendo quello che mi dicevi tu non mi cambia il titolo ma resta come prima..come faccio??

Beta ha detto...

Ciao Orazio, sono riuscita a centrare i titoli.... prova e riprova ne sono venuta a capo! Rimane sempre il quesito se è possibile mettere il titolo su due righe.... Grazie e ciao!

Jennifer ha detto...

finalmente dopo un po' ho capito come fare...grazie....l'idea mi piace un sacco!!

fecutusk ha detto...

I don’t bookmark sites but i will bookmark this! LOL!

online pharmacy

duzitoga ha detto...

Love your site man keep up the good work

nolvadex

Fangyaya ha detto...

fangyanting20150926
gucci, http://www.borseguccioutlet.it/
prada handbags, http://www.pradahandbagsoutlet.co.uk/
ray ban sunglasses, http://www.raybansunglassesonline.us.com/
nba jerseys, http://www.nbajerseys.us.com/
replica watches, http://www.replicawatchesforsale.us.com/
moncler coats, http://www.moncler.us.com/
michael kors factory outlet, http://www.michaelkorsfactoryoutletonline.com/
ralph lauren shirts, http://www.poloralphlaurenshirts.us.com/
oakley sunglasses, http://www.oakleysunglasses-outlet.us.com/
vans shoes, http://www.vans-shoes.cc/
oakley sunglasses, http://www.oakleysunglassesdiscount.us.com/
the north face outlet store, http://www.thenorthfaceoutletstores.org/
beats by dr dre, http://www.beatsbydrdre-headphones.us.com/
links of london, http://www.linksoflondons.co.uk/
ugg uk, http://www.cheapuggboots.me.uk/
prada shoes, http://www.pradashoes.us/
soccer jerseys, http://www.cheapsoccerjersey.net/
tiffany outlet, http://www.tiffany-outlet.us.com/
longchamp outlet, http://www.longchampoutlet.name/
hollister uk, http://www.hollistershirts.co.uk/
nike huarache, http://www.nikeairhuarache.org.uk/
adidas outlet store, http://www.adidasoutletstore.us.com/
juicy couture outlet, http://www.juicycoutureoutlet.net/
ed hardy clothing, http://www.edhardy.us.com/
michael kors bags, http://www.michaelkorsbags.uk/
coach outlet online, http://www.coachoutletonline.in.net/
true religion jeans, http://www.truereligionjean.in.net/
tory burch shoes, http://www.toryburchshoesoutlet.com/
mulberry outlet, http://www.mulberryoutlet.com.co/
swarovski outlet, http://www.swarovski-outlet.co.uk/


Prima di lasciare un commento, leggete qui

Posta un commento