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

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

In alcuni Blogger Kit che preparo lo sfondo in grafica che accoglie il blog è troppo "pesante"
per il tool che la piattaforma mette a disposizione per inserire un proprio sfondo, ovvero
supera il limite dei 300KB quindi occorrerà inserire il codice nello style css

Nel file "Istruzioni" trovate il codice necessario per fare la modifica, ho fatto un po'
di prove e con il tema Blogger "Simple Simply Simple" si può inserire nel box Aggiungi CSS
senza dover mettere mani nel codice sorgente ed è molto semplice da fare

Clicchiamo su "Design" per accedere al pannello, poi su "PERSONALIZZA" e in fondo
(scroll nel box) sulla sinistra della pagina che si visualizzerà apriamo il menu "Avanzate"
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 fornito nel file:
(Ovviamente nel file url dell'immagine è completa)

body {
background-image: url('https://www.iltelaiodipenelope.it/url-img.jpg');
background-repeat:repeat-y;
background-position:center top;
background-attachment: fixed;
}



Clicchiamo sull'icona floppy che troviamo a destra in fondo alla pagina,
per salvare affinché sia attiva nel blog, quindi modifichiamo il colore dello sfondo pagina-blog
che per ora è bianco, sempre dal menu "Avanzate" clicchiamo per modificare "Sfondi"
e impostiamo su "Trasparente" sia lo sfondo principale che quello dell'intestazione,
lo sfondo esterno non importa tanto non sarà visibile

* Cliccate sull'immagine per ingrandire e vedere maggiori dettagli



Modifichiamo le misure del blog come riportato nel file "Istruzioni", inseriamo l'immagine logo,
facciamo tutte le personalizzazioni che ci servono e il blog avrà la nuova grafica

* Cliccate sulle immagini per ingrandire e vedere maggiori dettagli

Blogger - Simple Simply Simple

Blogger - Personalizzato


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 codici:

 


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


Modificare lo sfondo nel codice sorgente

Un'altro modo per modificare il blog con uno sfondo "pesante" è inserire i parametri necessari
direttamente nel codice sorgente, non è complicato ma bisogna fare attenzione a non
cancellare nulla e inserire il codice nel punto giusto, clicchiamo su "Design" per accedere al pannello,
poi sul triangolino accanto a "PERSONALIZZA" quindi clicchiamo su "Modifica HTML"



Si aprirà la pagina che contiene il codice sorgente, scrolliamo giù fino ad arrivare ai parametri css



Andiamo a capo prima della parentesi graffa, i parametri devono rientrare nel blocco body,
incolliamo quindi il codice fornito nel file

* Cliccate sull'immagine per ingrandire e vedere maggiori dettagli



Clicchiamo sul floppy in alto a destra della pagina per salvare e lo sfondo è a posto,
completiamo con le altre personalizzazioni descritte sopra e il blog avrà una nuova grafica

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 1753 utenti


 H: 
Felice Estate !



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 :..


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...

Cbox - nuova Cbox!

Tutorial passo passo per la nuova versione della Cbox, la ciattina per brevi messaggi, gratuita e completamente personalizzabile da avere sul proprio spazio per comunicare velocemente con gli amici. Tutorial suddiviso in due pagine
Leggi il tutorial... e Theme editor

Link style

Di default i link sono di colore blu e hanno la sottolineatura, basterà inserire nello stile (css/foglio di stile) specifici parametri per stabilirne il font, il colore, la misura e altri piccoli accorgimenti che non solo li renderanno omogenei al resto della pagina, ma ci permetteranno di renderli visibili nel modo giusto...
Leggi il tutorial...

Marquee speciali

Tanti modi per avere scrittine in movimento con personalizzazioni originali...
Leggi il tutorial...

Table base e style

Un ottimo "strumento" per realizzare un qualsiasilavoro web, che sia un sito o un semplice gadget, si hanno a disposizione un'ampia serie di parametri che ne permettono la personalizzazione totale...
Leggi il tutorial...

Sito responsive con flexbox

Realizzare uno spazio web ottimizzato per tutti i dispositivi con i css e il modello flexbox, tante proprietà specifiche che consentono di "costruire" un sito bello, leggero e assolutamente responsive...
Leggi il tutorial...

Cursore stelline

Un cursore magico da cui scendono tante stelline colorate...
Leggi il tutorial...

Menu a scomparsa laterale

Realizzare e personalizzare il menu a scomparsa posizionato all'inizio delle pagine comodo e originale...
Leggi il tutorial...

Testo effetto oscillante

Titoli o messaggi che si muovono come bandierine al vento...
Leggi il tutorial...

Conta tempo

Script che ci permette di visualizzare il tempo trascorsoda una data prestabilita, tipo da quanto tempo è online il nostro spazio...
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