Pagina aggiornata... Lunedì, 08 Dicembre 2025 * Tempo di caricamento 0.71 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('/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 1946 utenti


 H: 
Buon Inverno e ...buona domenica!



Prelevate ciò che vi piace ma...

- Non alterate in alcun modo la grafica
- Non ri-distribuire le immagini grafiche
- Non togliete i credits ~ Grazie ^_^

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


..:: Blogger kit ::..


..:: Blogger tutorial ::..


..:: Copertine facebook ::..



Box Penelope template link...

Se prelevi un template inserisci
il link del tuo spazio qui, potrò ricambiare
la visita e avrai un po' di pubblicità...


   
   
 Nickname
 Url spazio
      
***********



Non ci sono nuovi post...


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

Anteprima...
..: html & script 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

Immagini

Gif... clip... pixel... sfondi... paesaggi... ovvero immagini ^_^ Piccole, grandi, animate o statiche sono un po' il cuore del web e, come tutto quello che vediamo in una pagina web hanno bisogno di essere messe online, ovvero postate in una pagina e di un codice per essere visualizzate...
Leggi il tutorial...

Marquee

Un modo simpatico e sicuramente visibile per attirare l'attenzione in punti specifici di una pagina, scrittine o immagini che camminano...
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...

Testo effetto evidenziato

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

Testo effetto oscillante

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

Testo effetto ondulato e crescente

Due modi per scrivere titoli o messaggi di sicuro effetto...
Leggi il tutorial...

Box scroller

Script per box con scroll particolare, vediamo il codice e le personalizzazioni possibili...
Leggi il tutorial...

Data

Script per visualizzare la data nelle pagine web in vari formati e con le personalizzazioni che ci servono...
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


Penelope - Un sito su AlterVista

Gif  & co... Penelope ♥




I vostri messaggi...

MOra Ribelle
16/02/2026 12:05:35
Buongiorno, contenta del tuo ritorno. Mi domando come metto anche io questo box saluti? grazie
ೡ Scritto in... Gif & co...
 
Sari
14/01/2026 17:31:32
Buon Anno Penelope. Ho prelevato un top pagina sostituendo quello natalizio. Tutto bello e utile qui, grazie.
ೡ Scritto in... Marquee con Javascript
 
Frann
25/12/2025 15:09:37
Cara amica Penelope, ti auguro un Natale, con pace, amore e tanta gioia. Bacione ~ Frann
ೡ Scritto in... Home
 
filod'arianna
24/12/2025 08:50:20
Auguri di buon Natale Penelope, e a tutti i visitatori del Telaio 🎄✨😃
ೡ Scritto in... Home
 
Sari
18/12/2025 22:01:59
Ciao Penelope, ti seguo da anni e tanto ho imparato dalle tue lezioni: grazie. Ti auguro un Natale sereno e, nonostante i tempi che stiamo vivendo, in allegria. Buon Natale
ೡ Scritto in... Home
 
filod'arianna
14/12/2025 09:32:05
Ciao Penelope, ho preso un countdown Grazie mille per averli messi a disposizione, sono deliziosi! Ne userò più d'uno sicuramente:-)
ೡ Scritto in... Countdown stagioni e feste
 
Elise
13/12/2025 18:12:05
Ciao carissima Penelope, quante meravigliose creazioni di Natale che hai realizzato, ne hopresa una, il caminetto con le calze, STUPENDO!!!!!Grazie tesoro un abbraccio grande e Buone Feste a te e tutta la tua famiglia.Elise
ೡ Scritto in... Decori pagine Natale
 
Grazia
06/12/2025 16:01:26
Ciao carissima Penelope💓 Wow bellissime le tue novità natalizie! A me tutto ok, ti ringrazio di essere passata nel Taccuino 🥰 Lascio un fortissimo abbraccio a te e ai ragazzi. A presto carissima 💖
ೡ Scritto in... Home
 
ೡPenelope ♥
04/12/2025 02:20:20
Cara filod'arianna sistemato il link un abbraccio
ೡ Scritto in... *Amici del telaio...*
 
filod'arianna
03/12/2025 11:57:26
Ti devo chiedere una gentilezza Penelope ^_^ ho modificato il dominio, potresti correggere il link del mio banner da librandosi.forumfree.it - a librandositralepagine.forumfree.it ? 🙏
ೡ Scritto in... *Amici del telaio...*