Come centrare ed ingrandire il link Continua a Leggere in un post di Blogger

Per mettere al centro del post,dopo l’anteprima,il link “Continua a leggere” inserito dallo strumento dell’editor di Blogger ed ingrandire la dimensione del testo “Ulteriori informazioni…” o del testo alternativo che si preferisce visualizzare è possibile utilizzare dalla Bacheca di Blogger nella sezione “Design” il Designer di modelli  che consente di modificare lo stile dei diversi elementi presenti nel blog con l’aggiunta di CSS.
Per spostare quindi in posizione centrale ed aumentare la grandezza del font utilizzato nella “Stecca da biliardo” del post possiamo applicare dal menu “Avanzato”>”Aggiungi un CSS” del Designer di Modelli il seguente CSS:

.jump-link {
text-align: center; font-size:200%;
}

come centrare ingrandire continua ulteriori informazioni post blog blogger

Che consente,dopo aver controllato l’anteprima in basso nella stessa finestra e cliccato in alto a destra su “Applica al blog”,di posizionare il link “Ulteriori informazioni” al centro dopo la prima parte del testo ed anche di ingrandire il font in percentuale rispetto alla dimensione del carattere utilizzato di default nel post.
Per ingrandire il carattere del font è possibile utilizzare anche una misura fissa in pixel sostituendo nel CSS a: 200%  la dimensione del carattere con la grandezza espressa in pixel (es: 18px)in modo da scegliere la dimensione più adatta per il link “Continua a leggere” che rimanda il visitatore alla lettura dell’intero post in un blog su Blogger.


31 commenti:

Sandra ha detto...

Questa sta diventando una vera enciclopedia!!

fabrizio castelli ha detto...

:)
Grazie Sandra,sei sempre molto gentile!
Ciao e buona serata:)
Fabrizio

roberto ha detto...

Ciao Fabrizio, anno nuovo...domande nuove.Ho notato che in alcuni post di inizio 2010 il Page Rank è 1.Invece di solito il blog è 0.
Come mai ? Di solito il Page Rank non si da solo al blog in generale ?
Ciao e grazie.

fabrizio castelli ha detto...

Ciao Roberto,grazie per la visita ed ancora auguri di Buon Anno:)
Si,il Page Rank si riferisce all'intero blog,è possibile che le differenze che riscontri siano collegate all'aggiornamento di questi valori.
Ciao e buon pomeriggio!
Fabrizio

Ambra dB ha detto...

Ciao Fabrizio.
E' strano. Ho incollato il codice come suggerisci tu, ma non è successo niente. La scritta è rimasta a sx e la dimensione quella di prima.
Mi viene un dubbio. Può essere che in CSS avevo già un altro codice e più precisamente "body {
background-color: #002060;" ?
Mi pare assurdo però.
Attendo notizie.

fabrizio castelli ha detto...

Ciao Ambra,l'inconveniente che segnali non dovrebbe dipendere da altri CSS eventualmente presenti nella finestra.
Se non l'avessi già fatto,prova intanto a ripetere l'inserimento con un diverso browser (cliccando poi,con il cursore del mouse posizionato alla fine del CSS, sul tasto "Invio" della tastiera del PC)
Aspetto notizie!
Ciao:)
Fabrizio

Ambra dB ha detto...

Ciao Fabrizio. Grazie della tua risposta.
Ho fatto come dicevi, reincollato con altro browser e ho dato l'invio da tastiera. E' andato a capo, ma non è successo nulla. Tutto è ancora come prima.
Ciao.
Ambra

fabrizio castelli ha detto...

Ciao Ambra,
Anche nel blog di prova non ti è stato possibile attivare il CSS?
Mandami eventualmente (come allegato ad una mail)il file xml del tuo attuale template per provare ad individuare l'origine del problema.
Ciao:)
Fabrizio

Ambra dB ha detto...

Ciao Fabrizio. Grazie della risposta. Francamente non ho provato nel blog di prova. Più tardi quando rientro ci provo e poi ti mando il file.
Questa mattina poi ce ne ho un'altra. Ieri ho tolto i pulsanti di condivisione, ma questa mattina me li ritrovo ancora. Uffa.
Ti riaggiorno più tardi.
Grazie del tuo aiuto. Buona giornata. Ambra

fabrizio castelli ha detto...

Allora aspetto notizie!
Se non l'avessi già fatto,controlla se,dopo aver deselezionato i pulsanti di condivisione,continui a vedere il modulo anche nella sezione "Disponi Elementi" in basso nella finestra di configurazione del post.
Ciao e buona giornata:)
Fabrizio

Ambra dB ha detto...

Ciao Fabrizio.
Provato sul blog di prova. I pulsanti di condivisione vanno a posto, mentre sul blog principale non c'è niente da fare. In "disponi elementi" i pulsanti non ci sono più, ma sul blog restano.
Ora ti mando una mail. Grazie. Ambra

fabrizio castelli ha detto...

Ciao Ambra,potrebbe trattarsi di un'interferenza con altri moduli presenti nel post,prova eventualmente a rimettere i bottoni posizionandoli diversamente in "Disponi elementi" salvando l'impostazione prima di riprovare ad eliminarli.
Bene,controllerò il template in un blog di prova.
Ciao:)
Fabrizio

Viviana ha detto...

Ciao Fabrizio, ho da poco un blog di escape room e vorrei sostituire il ''ulteriori informazioni'' con il link diretto del gioco che posto di volta in volta.
non so come si faccia.
potresti darmi una mano?
GRAZIE infinite.
Vivi

fabrizio castelli ha detto...

Ciao Vivi,
grazie intanto a te per la visita!
Desideri quindi inserire un link ad un URL:
http://appuntiperblogger.blogspot.com/2010/05/come-inserire-link-nel-post.html
oppure ad un diverso tipo di risorsa?
Ciao:)
Fabrizio

Viviana ha detto...

Ho fatto una domanda stupidissima! io mettevo 'intervallo' e mi appariva sotto alla foto del post la scritta ''ulteriori informazioni''
mi è bastato togliere questa linea tratteggiata e ho risolto tutto.
non so i nomi delle cose che cerco, quindi ho grosse difficoltà. XD grazie del tuo aiuto!!!

fabrizio castelli ha detto...

Sono contento che adesso sia tutto a posto!
Ciao:)
Fabrizio

Angela ha detto...

Ciaoo Fabrizio il tuo sito è zeppo di informazioni utilissime che mi vengono in aiuto per progettare al meglio il mio blog di cucina..

Vorrei avere una piccola info su come è possibile ingrandire i caratteri dell'elenco dei link che ho creato grazie alle tue istruzioni..aspetto tue notizie. Grazieee

http://inthekitchenwithangela.blogspot.com/

fabrizio castelli ha detto...

Ciao Angela,grazie intanto per i complimenti!
Se ti riferisci al gadget "Elenco di link"utilizzato come menu controlla se ti possono essere utili queste indicazioni:
http://blogetemplate.blogspot.com/2010/11/come-cambiare-font-colore-e-dimensione.html
Aspetto notizie!
Ciao:)
Fabri

Inguaribile viaggiatore ha detto...

E se io volessi che la frase "continua a leggere" comparisse in grasetto, cosa dovrei fare?

Inguaribile viaggiatore ha detto...

E se io volessi che la frase "continua a leggere" comparisse in grasetto, cosa dovrei fare?

fabrizio castelli ha detto...

@Inguaribile viaggiatore
Puoi aggiungere al CSS:
font-weight:bold;
facendolo diventare:

.jump-link {
text-align: center; font-size:200%;font-weight:bold;
}
Aspetto notizie!
Ciao e buona domenica
Fabri

Inguaribile viaggiatore ha detto...

Grazie Fabrizio per le spiegazioni

Ho appena provato e funziona.

fabrizio castelli ha detto...

Ottimo!
Sono felice di esserti stato d'aiuto!
Ciao:)
Fabri

Jan Quarius ha detto...

Grazie, molto utile!

Fabrizio Castelli ha detto...

Grazie a te per il commento!
Ciao
Fabri

pino99 ha detto...

ciao, volevo ringraziare per il lavoro svolto stavo facendo una domanda quando ho visto che era gia stata fatta e la risposta e stata utile,grazie e complimenti

Fabrizio Castelli ha detto...

Ciao pino99,
sono felice che la risposta sia stata utile anche a te!
Grazie per i complimenti!
Ciao e buona domenica.
Fabrizio

Noi e gli Extraterrestri ha detto...

carissimo Fabrizio.. invece che codice mettere per cambiare il colore testo?

e cambiare solo il colore testo del titolo blog?

Grazie per quello che fai per noi..:)
Annalisa

Fabrizio Castelli ha detto...

Ciao Annalisa,
grazie intanto a te, sei molto gentile:)
Se ti riferisci sempre al colore del testo del "Continua a leggere"
puoi provare ad utilizzare il seguente CSS:
.jump-link a {color: #ffffff;
}
sostituendo eventualmente a #ffffff
il codice esadecimale che preferisci
http://stampaper.blogspot.com/2010/08/come-conoscere-codice-esadecimale-di-un.html
Per le altre modifiche fammi sapere se ti è possibile attivarle da "Modello">"Personalizza" nei diversi sottomenu del menu "Avanzato"
Ciao
Fabri

Guglielmo Crotti ha detto...

Ottimo blog, fondamentale per la creazione di altri blog, per me è come la Bibbia!
Fabrizio, ho una domanda: l'inserimento della stecca da biliardo funziona benissimo, l'unico problema è che i pulsanti "mi piace" di Facebook e "Reazioni" si trovano al di sopra del "Continua a leggere", tale che il design ne risulta altamente imbruttito. A livello di HTML è possibile operare, oppure mi devo rassegnare a visualizzarla in questo modo?
Grazie :)

Fabrizio Castelli ha detto...

Ciao Guglielmo,
grazie intanto per i complimenti!
Controlla eventualmente se è possibile utilizzare per il codice del "Mi Piace" la stessa condizione utilizzata in questo caso:
http://testperblogger.blogspot.it/2013/06/come-non-mostrare-le-miniature-di-linkwithin-nella-home-page-del-blog-di-blogger.html
Ciao
Fabrizio

Related Posts with Thumbnails