Pagina aggiornata... Sabato, 04 novembre 2023 * Tempo di caricamento 0.51 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 1810 utenti


 H: 
Buon Autunno !



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

Marquee speciali

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

Table sfondo

Le table sono trasparenti, ciò significa che prenderanno il colore o lo sfondo su cui son state postate, ma se occorre possiamo personalizzarlo con un colore o un'immagine (background)...
Leggi il tutorial...

Table scroll

Nelle nostre table possiamo mettere lo scroll, affinché abbiano delle misure predefinite ma possano contenere lunghi testi o tante immagini...
Leggi il tutorial...

Table lavori

Alcuni esempi di cosa possiamo combinare con le table^^mettiamo in pratica ciò che ho scritto nelle altre pagine, abbiamo il codice base, sappiamo come inserire lo style, un colore o uno sfondo...
Leggi il tutorial...

Briciole di pane

Briciole di pane, ovvero link di navigazione, oppure in che pagina sei in questo momento, script molto comodo che permette agli utenti di sapere sempre quale pagina stanno leggendo e avere la possibilità di tornare nella home o nella index della sezione che stavano navigando in un attimo...
Leggi il tutorial...

Testo effetto macchina da scrivere

Un effetto molto carino e semplice da configurare e personalizzare per scrivere dei messaggi da visualizzare all'entrata di una pagina...
Leggi il tutorial...

Testo effetto evidenziato

Testo evidenziato lettera per lettera, un effetto molto carino per titoli e messaggi ben visibili...
Leggi il tutorial...

Box scroller

Script per box con scroll particolare, vediamo il codice e le personalizzazioni possibili...
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...
    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...

Veronica
10/10/2025 16:10:17
Ciao ne ho preso uno x il mio blog
ೡ Scritto in... Countdown stagioni e feste
 
Giusyna
09/10/2025 07:09:17
ciao cara vorrei qualche volta se ti e' possibile fare due chiacchiere su facebook se hai piacere mi dici in che orario ci sei?grazie Giusyna
ೡ Scritto in... Home
 
Grazia
30/09/2025 17:38:43
Ciao carissima Penelope, un forte abbraccio e buon autunno, sempre bellissimo qui :)
ೡ Scritto in... Home
 
filod'arianna
30/09/2025 08:23:45
Ciao Penelope! con un discreto ritardo, voglio ringraziarti per aver ricambiato il banner.. spero vada tutto bene, a presto
ೡ Scritto in... *Amici del telaio...*
 
Veronica
27/09/2025 14:42:47
Ciao non so dove scriverti che o preso il tuo banner x il mio blog volevo avvisarti buona serata
ೡ Scritto in... Contatti
 
Giusyna
17/08/2025 17:52:34
Ciao a Penelope e' bellissimo qui complimenti ho aggiunto il tuo sito ai link amici spero ti faccia piacereun abbraccio e buone ferie
ೡ Scritto in... *Amici del telaio...*
 
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