Visualizzazione post con etichetta editor post. Mostra tutti i post
Visualizzazione post con etichetta editor post. Mostra tutti i post

Come arrotondare i bordi delle foto inserite in un post del blog di Blogger

Per modificare la visualizzazione degli angoli delle immagini postate negli articoli su un blog di Blogspot e cambiare i bordi rettangolari delle foto per farli diventare tondi è possibile utilizzare uno specifico foglio di stile CSS da aggiungere da "Modello">"Personalizza" nel menu "Avanzato">"Aggiungi CSS" del Designer di Modelli di Blogger seguendo la specifica procedura per aggiungere CSS in Blogger.
Il CSS da inserire per rendere tondeggianti gli angoli delle foto nei post di Blogger è il seguente:

.post-body img, .post-body .tr-caption-container { 
border-radius: 20px;
}

Come arrotondare bordi rotondi foto immagini blog blogger css

Per aumentare o diminuire la parte rotonda dei bordi arrotondati delle immagini nei post di Blogger è possibile variare il valore in pixel (al momento 20px) presente nel CSS.
E' possibile visualizzare un esempio di un blog su Blogger contenente nei post immagini con i bordi arrotondati al seguente link: viaggiareconilweb.com

Come aggiungere gli attributi ALT e TITLE alle immagini inserite in un post di Blogger

Per far conoscere ancor meglio a Google il contenuto delle foto postate in un blog di Blogger ed ottimizzare così in ottica SEO le immagini presenti in un post  è possibile aggiungere al tag IMG delle foto l'attributo ALT (alternativo) e l'attributo TITLE da mettere direttamente dalla barra degli strumenti che si visualizza dopo aver caricato una foto nel post dall'apposito strumento di inserimento immagini dell'editor di Blogger.



Come aggiungere attributi ALT e TITLE alle immagini in Blogger



Per aggiungere quindi al tag IMG dell'immagine con l'attributo ALT un testo alternativo che descrive il contenuto dell'immagine e con l'attributo TITLE ulteriori informazioni sull'immagine (che si visualizzano in un tooltip passando con il mouse sopra l'immagine) possiamo cliccare sul link "Proprietà" sull'icona a forma di ingranaggio "Cambia" della barra per aprire la finestra che consente l'inserimento degli attributi ALT e TITLE alle foto di Blogspot direttamente con l'editor in modalità "Scrivi" senza dover aggiungere gli attributi in modo manuale in modalità HTML




Procedura di inserimento attributi ALT e Tittle alle immagini in Blogger



In "Proprietà Immagine" "Modifica Immagine" bisognerà riempire gli appositi campi per l'attributo ALT lo spazio "Testo alternativo" e per l'attributo TITLE il campo "Testo del titolo" con i contenuti testuali che servono per descrivere in modo più completo e diretto al motore di ricerca di Google cosa rappresenta l'immagine inserita nel post di Blogger.


Come modificare il link Ulteriori Informazioni in un post di Blogger

Per cambiare il testo da visualizzare nel “Continua a leggere” (Read More) inserito in un post di Blogger utilizzando lo strumento Stecca da Biliardo dell’editor di Blogspot è possibile modificare l’impostazione direttamente dalle opzioni del post di Blogger.
Dalla Bacheca di Blogger in "Design">"Elementi pagina" "Layout">”Post sul blog” possiamo accedere infatti cliccando su “Modifica” alla finestra “Configura post sul blog” nella quale in alto troviamo le opzioni della pagina principale.
Per modificare i termini e le parole che automaticamente verranno visualizzate nel link “Continua a leggere” è sufficiente sostituire nello spazio in corrispondenza di “Testo del link della pagina di post” alla frase di default "Ulteriori informazioni" “Continua a leggere …”  il nuovo testo con i termini da visualizzare e cliccare su “Salva” in basso nella stessa finestra per applicare la modifica che permette di far leggere ai visitatori del blog una frase diversa nel link che serve per rimandarli,dalla Home Page,alla lettura del post completo nella singola pagina del post in un blog di Blogger.

come cambiare parole termini testo continua a leggere post blogger

Dove sono conservate le foto caricate in un blog di Blogger per essere visibili su Internet

Le foto aggiunte direttamente da una cartella del proprio PC in un post di un blog su Blogspot (oppure in un gadget con il caricamento automatico delle immagini) per essere visualizzate online su Internet sono caricate direttamente sul Picasa Web Album che è disponibile gratuitamente in ogni account Google.
Sul Picasa Web Album di ogni utente di Blogger al momento della creazione di un blog viene generato automaticamente un album intestato al blog e nel quale verranno conservate tutte le immagini caricate nei post del blog.
dove sono conservate online foto blog blogger picasa web
Le foto aggiunte nei post di Blogger dal proprio computer sono comprese nello spazio di hosting gratuito di Picasa Web Album fissato al momento in un 1 GB ,nel caso che dovesse essere superata la capienza fornita gratuitamente da Google è anche disponibile nell’account la possibilità di acquistare spazio di hosting aggiuntivo per le immagini che si desidera mettere online su Picasa Web.

E’ importante che le foto
presenti nell’album automatico del blog (indicato anche con il logo di Blogger e con il numero di foto caricate)
non vengano cancellate dal PC o dallo smartphone con il quale è sincronizzato l'account Google e che non siano modificate le impostazioni di visibilità dell'album o spostate in un diverso album perché in questo caso non sarebbero più disponibili online su Internet con l'URL con il quale sono linkate nel blog e verrebbero così eliminate anche dai post o dai gadget del blog su Blogger nei quali sono state in precedenza caricate.

Le immagini del blog di Blogger adesso, per chi utilizza questo servizio, sono visibili anche tra gli album personali della sezione "Foto" di Google+ (se si eliminano da lì è possibile per un periodo di tempo limitato seguire la procedura per recuperare le immagini dal "Cestino" di Google+) 





Come inserire un link ad una pagina web nel post di Blogger

Per inserire un link ad una pagina web nell'editor del post bisogna evidenziare una parola in blu passandoci sopra con il mouse e successivamente cliccare sullo strumento "Inserisci link" che apre una finestra nella quale la parola evidenziata è già scritta in alto in "Testo da visualizzare"
In" Link a:Indirizzo web" bisogna inserire l'URL della pagina internet del blog o del sito al quale collegare la parola e subito dopo in basso cliccare su OK.
Come aprire il link ad una parola in una nuova finestra del browser in Blogger

Come inserire il "Continua a leggere" in un post su Blogger

Nella barra degli strumenti dell’editor aggiornato nuovo editor del post di Blogger in modalità “Scrivi” (VISUALIZZAZIONE DI SCRITTURA) è disponibile a destra raggiungibile dall'icona "Altre Opzioni" lo strumento "INSERISCI INTERVALLO" per inserire il “continua a leggere” nel post di Blogspot.

come inserire continua a leggere read more editor post blogger inserisci intervallo leggi tutto


Procedura per aggiungere "Leggi tutto" nel post di un blog Blogger

La funzionalità "Read More" permette di rimandare alla lettura del singolo post lasciando nella Home Page di Blogger solo l'introduzione con le prime righe del post e subito dopo un link "Continua a Leggere" che rimanderà automaticamente alla lettura del post nella specifica pagina interna; questa procedura è utile, per chi ha scelto di visualizzare nella Home Page di Blogger un numero elevato di post, per "alleggerire" il peso della pagina principale da quei contenuti (es. foto o video) che, posti dopo l'intervallo, saranno visibili solo dopo aver cliccato sul link "Leggi tutto" del post di Blogspot.

Per ottenere questo risultato è sufficiente cliccare nell'editor di Blogger sull'icona "Inserisci intervallo" nel rigo successivo all'ultimo che si vuole visualizzare nella Home, tutto ciò che sarà inserito dopo la barra orizzontale che apparirà nell'editor sarà visibile nel singolo post raggiungibile dal "Read More".

come aggiungere continua a leggere read more editor post blogger blogspot


Naturalmente il lettore che andrà a visitare l'URL del post vedrà sempre l'intero contenuto (senza la barra o il link "Continua a leggere)

Per maggiori informazioni sulla procedura per avere il "Continua a leggere" in Blogger è possibile consultare il link all'articolo della Guida di Blogger su "Creare, modificare, gestire o eliminare un post" e specificatamente alla sezione con le indicazioni  per aggiungere un link LEGGI TUTTO e per inserire la stecca da biliardo e specificatamente nella sezione "Formattare un post" la guida "Aggiungere un link LEGGI TUTTO" Blogger per avere il link "Read more" nei post visualizzati in Home Page che rimanda alla lettura del post completo nella singola pagina del post.


Cerca tra gli appunti per Blogger !

Ricerca personalizzata