Pagina aggiornata... Sabato, 04 novembre 2023 * Tempo di caricamento 0.10 secondi
Link navigazione : Home telaioHome ~ Template ~ Blogger_tutorial » Sfondo base grafica

..:: Blogger tutorial - Sfondo base grafica ::..

Uno sfondo con base grafica comprende sia lo sfondo esterno che la pagina/colonna blog,
è più rifinito rispetto ad uno sfondo classico e lo spazio blog colorato, con gli elementi grafici
si possono realizzare delle basi dedicate al tema del blog, ad esempio, per un blog di ricette
useremo delle immagini che rappresentano la cucina, il cibo e l'attrezzatura necessaria

Come ho spiegato nel tutorial Sfondo base, Blogger ci dà la possibilità di personalizzare
lo sfondo del blog tramite apposito tool e ci specifica che l'immagine non deve superare i 300KB
ho fatto un po' di prove e ho notato che se inseriamo degli sfondi con grafica, ridimensiona
l'immagine anche se molto al di sotto del limite consentito

Ecco un esempio con un'immagine di 163KB
* Cliccate sull'immagine per ingrandire e vedere maggiori dettagli



Se si imposta la misura reale del corpo/blog il testo esce nei lati
e l'immagine logo viene tagliata, la versione corretta dovrebbe essere questa:
* Cliccate sull'immagine per ingrandire e vedere maggiori dettagli



Ho risolto il problema inserendo nel box "Aggiungi CSS" del tool per le personalizzazioni,
la misura in larghezza dello sfondo con il parametro css "background-size:"

Il tema Blogger che si presta perfettamente alla modifica è "Simple Simply Simple"
credo sia il più basico di tutti e non ha strani effetti di ombreggiature.

Vediamo come procedere...

Clicchiamo su "Design" per accedere al pannello, poi su "PERSONALIZZA"
clicchiamo sul primo box del tool per caricare lo sfondo


Nella finestrella che si aprirà clicchiamo su "Carica immagine" e poi su "Seleziona immagine"


Scegliamo dal nostro pc l'immagine/sfondo da caricare nella finestrella che si aprirà,
salviamo cliccando su "Fine" e impostiamo i parametri che vedremo sotto la piccola anteprima
dello sfondo, selezioniamo su centrata, affianca e deselezioniamo lo scorri la pagina

* Cliccate sulle immagini per ingrandire e vedere maggiori dettagli


Lo sfondo è caricato, ora dobbiamo inserire il parametro affinché si visualizzi con la misura esatta,
clicchiamo su "Avanzate" ultimo menu sotto l'anteprima sfondo, clicchiamo sul triangolino accanto
a "Testo pagina" per aprire il menu a tendina, scorriamo fino in fondo e clicchiamo su "Aggiungi CSS"


Dove c'è scritto "Aggiungi CSS personalizzati" incolliamo il codice per il parametro
per la misura dello sfondo, questo è un esempio cambiate la misura in base al vostro sfondo.
Nel file "Istruzioni" dei Blogger Kit trovate il codice con la misura corrispondente

 


Non ci resta che personalizzare il blog, iniziando dallo sfondo/blog che nel tema è bianco
apriamo il menu "Avanzate" il triangolino che ora sarà accanto a "Aggiungi CSS", scorriamo
sopra e clicchiamo su "Sfondi" selezioniamo "Trasparente" per i parametri: "Sfondo principale
e Sfondo intestazione" lo sfondo esterno non importa tanto non sarà visibile

Personalizziamo il colore del testo, dei link e della pagina in base ai colori dello sfondo
Sistemiamo le misure del blog, inseriamo l'immagine logo ed eventuali accessori/gadget, salviamo
mano che si procede cliccando sul sull'icona floppy che troviamo a destra in fondo alla pagina

Nel file "Istruzioni" dei Blogger Kit trovate i codici dei colori abbinati alla grafica e
le misure blog consigliate, che ovviamente potrete modificare a vostro gusto

Un ultimo suggerimento...

Il tema "Simple Simply Simple" oltre ad un nome assurdo è un blog completamente bianco
ma nel link "Home" in fondo ai post e nella parte alta del footer ci sono delle linee grigie
la prima è un'immagine, la seconda un parametro css

* Cliccate sull'immagine per ingrandire e vedere maggiori dettagli



Sul bianco si notano poco ma su uno sfondo colorato possono essere fastidiose, se le volete
togliere inserite nel box "Aggiungi CSS" dopo quelli aggiunti per lo sfondo, questi parametri:

 


Nell'anteprima blog spariranno subito ma ricordatevi di salvare
affinché la modifica sia permanente

Ed ecco il blog personalizzato!
* Cliccate sull'immagine per ingrandire e vedere maggiori dettagli



Spero di essere stata chiara in ogni passaggio, in caso contrario scrivetemi un messaggio
Un abbraccio... buon lavoro e come sempre buon divertimento ^_^
Ciao alla prossima ೡPenelope ♥


Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* Gif...

  


ೡ Pagina visitata da 3357 utenti


 H: 
Felice Estate e ...buona domenica!



Prelevate ciò che vi piace ma...

- Non alterate in alcun modo la grafica
- Non togliete i credits ~ Grazie ^_^

...telaio Home!

Accessori, utilità e gadget in tanti stili e
soggetti pronti per il tuo spazio web
Il telaio di Penelope


Pagina Facebook
del telaio...

Privacy Policy Cookie Policy

..:: Basi per siti web ::..


..:: Blogger tutorial ::..


..:: Blogger kit ::..


..:: Copertine facebook ::..


Anteprima...
..: html & script tutorial :..


Pagina anteprima gadget

Realizzare una pagina che ci permetta di mostrare le anteprime di accessori e gadget preparati per gli utenti affinché possano prelevarli...
Leggi il tutorial...

Direttive privacy coockie

Guida alle regole date dalla normativa sulla privacy nell'uso dei cookie, cosa e come avere uno spazio a norma
Leggi il tutorial...

Iframe

Una delle tante piccole utilissime magie del web... "iframe" ovvero uno speciale box che ci permette di visualizzare in modo assolutamente personalizzato il contenuto di una pagina web in un qualsiasi punto del nostro spazio...
Leggi il tutorial...

Marquee con javascript

Realizzare le scrittine "in movimento" anche con javascript, nulla di complicato, basta fare un po' di attenzione alle solite virgolette e puntini di cui va ghiotto...
Leggi il tutorial...

Testo - font

Anche per scrivere il testo in una pagina web abbiamo bisogno di codici html, cioè impostare tramite tag il tipo, il colore e la misura del carattere che vorremo usare...
Leggi il tutorial...

Una frase per ogni giorno della settimana

Un piccolo script che ci permetterà di visualizzare un saluto, una frase o una poesia diversa per ogni giorno della settimana...
Leggi il tutorial...

Immagine a rotazione - Random

Script per immagini che cambiano ogni volta che si aggiorna la pagina, si possono aggiungere quante immagini si vuole e anche un link per banner o piccole anteprime...
Leggi il tutorial...

Immagine per ogni giorno del mese

Script per gli amanti della grafica e delle giffette^^che ci permette di visualizzare un'immagine diversa per ogni giorno del mese
Leggi il tutorial...

Stagione attuale

Questo script mi è stato scritto appositamente per realizzare il gadget dell'almanacco dal mio bradipo, un codicino piccolo piccolo per far visualizzare la stagione in cui stiamo vivendo...
Leggi il tutorial...

Segna tempo

Un segna tempo è un cronometro che si avvia quando si accede nella pagina in cui è stato inserito, un modo simpatico per interagire con i nostri visitatori...
Leggi il tutorial...
    Aggiorna il box

ೡ Visita la sezione Tutorial Home

Spazio web...

Realizzare e gestire un sito web
nell'hosting free più famoso...

Un sito su Altervista

Materiale grafico

Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!

Gif & co...




I vostri messaggi...

Luca
04/06/2025 22:41:43
Ciao
ೡ Scritto in... html e script Tutorial...
 
filod'arianna
01/06/2025 09:15:59
Ciao Penelope ! Torno qui per prelevare un banner 88x31, lo inserisco nel mio forum, si troverà nello spazio "Amici non affiliati" dopo le sezioni, in fondo al forum. Ho inserito anche l'iniziativa "Help Donna" che si troverà sempre dopo le sezioni, nello spazio a lei dedicatole.Un abbraccio, a presto:-)Il mio forum[Link]
ೡ Scritto in... Banner link del telaio ^_^
 
Cleo
22/05/2025 07:05:05
ciao tesoro auguri per ieri ti aspetto qui [Link]
ೡ Scritto in... Home
 
olga
05/05/2025 20:37:45
prelevato widget post e commenti.Grazie
ೡ Scritto in... Home
 
Cleo
28/04/2025 06:48:25
buon giorno tesoro e buona settimana sempre meraviglioso qui e grazie per tutto
ೡ Scritto in... Home
 
Grazia
25/04/2025 09:58:21
Buongiorno cara Penny, eccomi qui a lasciarti un carissimo saluto ed a ringraziarti della tua carinissima visita nel sito grafico ^_^ Ti lascio un forte abbraccio e sempre complimenti di cuore 💓
ೡ Scritto in... Home
 
ೡPenelope ♥
23/04/2025 16:44:57
Grazie infinite cara Gabriella
ೡ Scritto in... Decori per pagine web
 
Cleo
14/04/2025 07:51:14
Tesoro buon giorno come stai?? scusa se ti disturbo volevo saperese a te Ws ftp funziona per salvare tutto sul sito altervista a me non sta funzionando piu io ho winws10 tu cosa utilizzi mi puoi aiutare appena apro wstp si chiude non sto riuscendo a pubblicare grazie in anticipo un abbraccio e buona settimana santa tesoro
ೡ Scritto in... Contatti
 
Gabriella
29/03/2025 13:09:27
Ciao Penny, che meraviglia ! Li preleverei tutti, intanto ne ho prelevato uno ma c'è veramente l'imbarazzo della scelta . Complimenti come sempre !
ೡ Scritto in... Decori per pagine web
 
Grazia
09/03/2025 18:13:32
Ciao Penny, sono passata a lasciarti un salutino di buona domenica ed anche a ringraziarti per aver inserito il mio bannerino. Un abbraccio forte ed alla prossima :) Ciaooo
ೡ Scritto in... Home