Come centrare ed ingrandire la descrizione di un blog su Blogger con un CSS dal Designer di Modelli

Per spostare al centro la descrizione di un blog che si trova nell’header del template,nel caso che non si volesse centrare l'intero header (titolo e descrizione) e cambiare anche la dimensione del carattere utilizzato,indipendentemente da quello impostato nel testo della pagina,come visibile in Viaggiare con il Web è possibile inserire un foglio di stile CSS direttamente dal Designer di Modelli di Blogger.
Per visualizzare quindi nella descrizione del blog,sotto al titolo,il font in un formato più grande e con il testo al centro della pagina bisognerà dalla Bacheca di Blogger in “Design”>”Designer di Modelli” nel menu “Avanzato”>”Aggiungi un CSS”(utilizzando la procedura per l’inserimento dei CSS) applicare il seguente foglio di stile:

.Header .description {
font-size: 200%;text-align: center;
}

come centrare ingrandire testo descrizione blog blogger

Se si volesse invece modificare solo la grandezza del carattere della descrizione del blog di Blogspot è possibile inserire il CSS in questa forma:

.Header .description {
font-size: 200%
}

Per ingrandire il carattere del font della descrizione possiamo eventualmente utilizzare anche una misura fissa in pixel sostituendo nel CSS a: 200%  la dimensione del carattere con la grandezza espressa in pixel (es: 25px)in modo da scegliere la dimensione più adatta per il testo della descrizione di un blog su Blogger.

come fare più grande testo scritta header descrizione blog blogger

 

Ringrazio Mari di CreaMariCrea per aver pensato a me per questo premio che sono felice di ricevere e che condivido con piacere con tutti i lettori di Blog e Template!

premio blog e template


49 commenti:

MariCrea ha detto...

Sono io che ringrazio te per essere sempre così disponibile a risolvere i miei problemi e anche quelli delle mie amiche!
buona giornata
Mari

Sandra ha detto...

Buongiorno carissima "enciclopedia nel web". Interessantissimo anche questo!
---
Sono ricomparsa nel blog rol: ho eliminato il post incriminato e riscritto rinunciando alle tabelle. Anche la formattazione ora obbedisce
Grazie

fabrizio castelli ha detto...

@Mari
Ciao Mari,grazie ancora!
E' un piacere per me poterti essere utile:)
Ciao e buona giornata anche a te:)
Fabrizio

fabrizio castelli ha detto...

@Sandra
Ottimo! Sono contento che il problema sia adesso superato!
Grazie a te,sei sempre molto gentile:)
Ciao:)
Fabrizio

sfollicolatamente ha detto...

Aiutooo...come faccio a trovare il nome URL della mia RSS feed?
Non pare essere attivato, e non trovo nulla nel codice html...
Aiuto?!

fabrizio castelli ha detto...

@sfollicolatamente
Il feed del tuo blog è:
http://unonessunocento000.blogspot.com/feeds/posts/default
Puoi individuarlo nel blog seguendo le indicazioni di questo post:
http://blogetemplate.blogspot.com/2010/06/che-cosa-e-il-feed-del-blog-e-come-si.html
Ciao e grazie per la visita!
Fabrizio

Luciana Todaro ha detto...

Ciao Fabrizio, seguendo le tue indicaizoni sono riuscita a cambiare aspetto al mio blog basato ancora sul vecchio modello minima che avevo modificato a 3 colonne, adeguarlo ai nuovi design di blogger non è stato nè semplicew nè veloce ma grazie al tuo aiuto ce l'ho fatta. Però c'è una cosa che non riesco a trovare ...che codece CSS devo utilizzare per centrare il gadget "testo"? se dai un'occhiata al mio blog vorrei centrare il testo subito sotto all'Header grazie infinite

fabrizio castelli ha detto...

Ciao Luciana,
sono felice di esserti stato utile!
Prova intanto se può essere utile per risolvere il problema centrare il contenuto del gadget.
Nella finestra di inserimento del testo dovresti vedere il tasto di "Modifica HTML" dopo essere passata in quella modalità prova a racchiudere il testo nel codice indicato in questo post.
http://appuntiperblogger.blogspot.com/2010/10/come-centrare-il-contenuto-di-un-gadget.html
Aspetto notizie!
Ciao:)
Fabrizio

Luciana Todaro ha detto...

Ciao Fabrizio, è andata!! seguendo le tue indicazioni ho il testo centrato. Grazie davvero tanto tanto
Lu

fabrizio castelli ha detto...

@Luciana Todaro
Benissimo! Sono contento di esserti stato d'aiuto:)
Ciao e buona giornata!
Fabrizio

valeria ha detto...

ciao! spero potrai aiutarmi...innanzitutto se guardi il mio blog tra il titolo e poi i post c'è uno spazio immenso che non riesco proprio a diminuire in nessun modo :s ho cercato su internet ma niente, non so nemmeno come si sia creato O.o
secondo poi, ho provato a togliere sia la scritta "iscriviti a Post Atom" che quella "Powered by Blogspot" con qualuqnue metodo trovato su internet, anche qui niente. che caspiterina (per non dire altro) devo fare!?!? O.o help me!! :(

fabrizio castelli ha detto...

Ciao Valeria,
in precedenza quindi non visualizzavi quello spazio tra il titolo ed il post?
Se non l'avessi già fatto prova ad eliminare il link utilizzando queste indicazioni:
http://appuntiperblogger.blogspot.com/2010/06/css-rimuovere-iscriviti-post-atom.html
Ciao e grazie per la visita:)
Fabrizio

valeria ha detto...

provo subito! comuqnue no, non mi dava questo orrendo spazio, non so cosa sia successo :s che posso fare??

valeria ha detto...

"iscriviti a bla bla" si è tolto, ora devo togliere anche "powered by blogger", come? :)
forse ho capito il perchè di quello spazio. nella pagina di "elementi pagina" mi dà gli elementi pagina così: Intestazione, Aggiungi un gadget e post sul blog. credo sia quell'"aggiungi un gadget" che lo crea, ma non ha l'opzione "elimina". come me ne libero? O.o

fabrizio castelli ha detto...

Bene!
Il modulo "Aggiungi un gadget" non è visibile nel blog.
Il link in basso al quale ti riferisci è in un gadget?
Ciao:)
Fabrizio

valeria ha detto...

per "il link in basso" intendi "powered by blogger"? no, non è un gadget, è un elemento fisso di blogger, come lo era "iscriviti a post atoom". ma come posso toglierlo?
lo stesso vale per quel "aggiungi un gadget" che è sotto il titolo. non è rimovibile, ma credo si possa togliere in qualche mdo, bisogna sapere quale :s
:)

fabrizio castelli ha detto...

Ciao Valeria,al momento il link al quale ti riferisci è ancora presente nel blog?
Ciao:)
Fabrizio

Anam ha detto...

ciao, ho risolto! :)
volevo chiederti invece se sai come modificare le scritte "post precedenti"..:p

Anam ha detto...

ps: sono sempre valeria.

fabrizio castelli ha detto...

Ciao Valeria,benissimo!
Controlla se ti può essere utile questa soluzione:
http://blogetemplate.blogspot.com/2011/03/come-cambiare-link-post-piu-vecchi-post.html
Ciao:)
Fabrizio

wiska ha detto...

ciao Fabrizio, rispondimi quando puoi ovviamente, siamo a Pasqua lo so.
Ho inserito il css per centrare l'intestazione del blog, ma siccome avevo un'immagine cui seguiva l'intestazione, quella è rimasta a sinistra. C'è bisogno di un altro css o che?
grazie e Buona Pasqua.

wiska ha detto...

Ho inserito anche il css per centrare il "read more", ma io vorrei cambiare anche la scritta. Ho provato dall'editor HTML inserendo un altro testo nella stecca di biliardo (al posto del "more") ma il risultato è che mi annulla l'interruzione.
Come fare?
grazie

fabrizio castelli ha detto...

Per spostare l'immagine controlla intanto se ti possono essere utili le indicazioni di questo post (o eventualmente le soluzioni indicate nei commenti sotto al post)
http://blogetemplate.blogspot.com/2010/04/come-modificare-la-posizione-del-titolo.html
Per il "continua" dovresti poter modificare il termine utilizzato in questo modo:
http://appuntiperblogger.blogspot.com/2011/01/come-modificare-il-link-ulteriori.html
Ciao e Buona Pasqua!
Fabrizio

wiska ha detto...

Grazie Fabrizio ho in serito il css ".Header { text-align: center; }" e l'immagine si è posizionata al centro.
Ok anche per la sostituzione del "read more".
Grazie ancora

fabrizio castelli ha detto...

Benissimo! Sono contento di esserti stato utile!
Ciao:)
Fabrizio

napolipersempre ha detto...

Complimenti per il sito. Ho un problema.Potete aiutarmi? non riesco ad ingrandire il titolo dei Post, ho eseguito la guida. Ma nulla ho messo anche in percentuale. Grazie a tutti
questo è il sito http://www.napolipersempre.com/ fatto su piattaforma blogger

fabrizio castelli ha detto...

@napolipersempre
Ciao e grazie intanto per i complimenti!
Quale CSS hai provato ad inserire per ingrandire il titolo del post?
Ciao:)
Fabrizio

Micky ha detto...

Ciao! Come faccio a cambiare il colore del titolo di una delle pagine interne di blogger con un CSS. Non nella barra menu, ma all'interno di ogni singola pagina. Grazie.

fabrizio castelli ha detto...

Prova ad inserire il titolo direttamente con i tag HTML relativi al codice del colore desiderato.
(per ricavarlo puoi eventualmente provare a scrivere il titolo nel corpo del post selezionando poi nell'editor la visualizzazione "Modifica HTML" invece che "Scrivi"
Ciao
Fabrizio

Micky ha detto...

Ok ora vedo... Grazie!!

fabrizio castelli ha detto...

Allora aspetto notizie!
Ciao:)
Fabrizio

Micky ha detto...

Ciao!!! Allora siccome non mi piaceva dover intervenire sempre manualmente... ho scartabellato un pò su google...
E proprio un tuo post mi ha illuminato!!! Ovvero questo: http://blogetemplate.blogspot.com/2011/05/come-rimuovere-il-titolo-delle-pagine.html
Ho semplicemente preso il codice, adattato alla questione colore e... gioco fatto!!!

DESIGNER MODELLI>AVANZATO>AGGIUNGI CSS

.post-title.entry-title {color: #ilcolorechevuoi;
}

A me ha funzionato alla grande!
Quindi Grazie!!!! ;)

PS: Magari puoi scrivere un post specifico... penso potrebbe servire ad altri! ;)

fabrizio castelli ha detto...

Ottimo!
Ciao e buon fine settimana:)
Fabrizio

Grazia ha detto...

Ciao F. Seguendo istruzioni ho centrato titolo, cambiata descrizione del blog, cambiato font e dimensioni aggiungendo 3 css. Grazie per le tue spiegazioni sempre ok.Ti volevo chiedere se è possibile mettere alcuni post già presenti insieme in una pagina da aprire separatamente selezionandoli.Come una rubrica a parte.Non ho capito se ancora rispondi dal Forum.Un caro saluto.

fabrizio castelli ha detto...

Benissimo!
Desideri inserire un elenco di link in una pagina o ti riferisci ad un diverso tipo di soluzione?
Per segnalarmi qualche discussione che nel forum di Blogger è ancora senza risposta puoi inviarmi una mail a castellifabrizio@gmail.com
Ciao:)
Fabrizio

Grazia ha detto...

Ti avevo risposto subito ma vedo che il mio commento non è mai apparso. Non so perchè, forse ho fatto involontariamente un errore nella procedura. Ti dicevo che avevo inserito una foto con link facilmente ma non capisco come fare se i link sono molti. Vorrei mettere nella barra di sinistra una foto con la quale aprire un elenco di link che rimandano a miei post e anche esterni.Forse una pagina statica? Anche di questa devo capire meglio.Grazie.

fabrizio castelli ha detto...

Ciao Grazia,
in questo caso la soluzione più adatta è proprio quella di utilizzare un collegamento ad un pagina statica nel corpo della quale inserire tutti i link.
Ciao e buona giornata:)
Fabrizio

Grazia ha detto...

Grazie. Vedo che miglioro !! E buone vacanze se ancora hai da farne ! Ciao.

fabrizio castelli ha detto...

Ottimo!
Buone vacanze anche a te:)
Fabrizio

miwi ha detto...

ciao fabrizio, complimenti, dai tanti consigi utili!!
sono alle prese con la cancellazione della scritta "powered by blogger". Ho inserito, come hai detto in un post sopra, ".feed-links {display:none;}", ma è sparito solamente "post Atom". Sempre nel post sopra ho letto che qualcuno aveva risolto, ma non ha scritto come.. sapresti che fare?
http://dolcichecapitano.blogspot.com

fabrizio castelli ha detto...

@miwi
Grazie intanto per i complimenti!
Hai quindi già controllato le indicazioni presenti nei commenti a questo post?
http://blogetemplate.blogspot.com/2010/07/come-aggiungere-copyright-nel-gadget.html
Aspetto notizie!
Ciao
Fabri

miwi ha detto...

grazie per la risposta super veloce!
avevo già effettuato tutti i passaggi consigliati..
ho rispolto con questa regola CSS trova gongolando

#Attribution1 {display: none;}

Grazie mille! Sul tuo blog ho trovato un sacco di info utili!

fabrizio castelli ha detto...

Benissimo!
Grazie a te per i complimenti!
Ciao e buon pomeriggio:)
Fabri

miwi ha detto...

scusa se ti tormento.. ma non so più dove sbattere la testa..

vorrei creare una colonna con le miniature delle immagini del mio blog che linkano agli ultimi post - come quella sulla sinistra in questo blog http://www.moscerino.blogspot.com/ - credo sia un widget, ma non lo trovo.. avresti delle indicazioni?
grazie tante :)

fabrizio castelli ha detto...

@miwi
Il blog che indichi utilizza un gadget "Elenco di link" con una modifica HTML che permette di visualizzare le miniature.
Potresti comunque anche provare ad aggiungere le immagini con i relativi link in un gadget HTML/Javascript aggiungendo i codici uno di seguito all'altro.
Per caricare le immagini online e per ricavare i codici controlla intanto se ti possono essere utili queste informazioni:
http://provediblogger.blogspot.com/2011/01/come-inserire-una-foto-caricata-su.html
Ciao
Fabri

OanaC ha detto...

Ciao fabrizio volevo chiederti come posso fare per ingrandire il read more nei post??

Fabrizio Castelli ha detto...

@OanaC
Controlla intanto se ti possono essere utili queste indicazioni:
http://blogetemplate.blogspot.it/2011/01/come-centrare-ingrandire-continua.html
Aspetto notizie!
Ciao:)
Fabri

Valeria WorldWideValery ha detto...

Ciao Fabrizio!
E' possibile inserire un'immagine (centrata) al posto del "read more" con un css?

Fabrizio Castelli ha detto...

Ciao Valeria,
con un CSS è possibile aggiungere uno sfondo al "read more" per utilizzare solo l'immagine è necessaria una modifica HTML
Inviami eventualmente una mail ( fabriziocastelli@comefareblog.com )per poterti indicare soluzioni specifiche.
Se non le avessi già lette, ti segnalo intanto queste informazioni per centrare il "read more":
http://blogetemplate.blogspot.it/2011/01/come-centrare-ingrandire-
continua.html
Ciao:)
Fabrizio

Related Posts with Thumbnails