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


 H: 
Buona Primavera !



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

Colori esadecimali

Raccolta di tanti colori con valore esadecimale per poterli utilizzare nelle pagine, accessori, script...
Leggi il tutorial...

Colori rgb

Raccolta di tanti colori con valore rgb, necessari per impostare il colore in alcuni script e in determinati parametri css
Leggi il tutorial...

CSS Table

Come inserire nei css i parametri per delle table e celle, come per ogni altro accessorio che vogliamo inserire nella pagina, ci basterà scrivere le classi...
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...

Link effetto fade

Realizzare un menu particolare con questo script che permette di avere un effetto sfumato quando si passa con il mouse sui link...
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...

Datario con saluto

Un solo script per visualizzare un saluto in base all'ora, l'ora e la data basterà postarlo nel punto in cui vogliamo visualizzarlo e si può facilmente personalizzare...
Leggi il tutorial...

Saluto in base all'ora... con immagine

Smanettando un po' con il codice del saluto ad orario, ho pensato che al posto del testo si potevano visualizzare delle immagini ^_^ se vi piace graficare vi basterà preparare quattro immagini...
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...

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
 
Gabriella
07/03/2025 12:04:36
Ciao Penny, visto che usufruisco spesso delle tue lezioni di codici e html ho preso i tuoi banner ;) Grazie e un abbraccio
ೡ Scritto in... Banner link del telaio ^_^
 
Mamyr
06/03/2025 13:34:06
Ciao Penelope, grazie per questo tuo sito meraviglioso e molto utile, ho prelevatoL'almanacco in table -blu- per inserirlo nel mio blog. Inserirò anche il tuo banner, grazie ancora e buona giornata.
ೡ Scritto in... Almanacco in table
 
Pinalie
03/03/2025 01:38:03
Oh sweet Penelope .. im sorry you can make no comment yet on my pageim still working to make it fit to goi hope end summer it will be done, i hope whoo!i instalt a new clock from you.. love your clocks so much thank you so much again for your lovley giftmy derest greetings ♥♥♥
ೡ Scritto in... Orsetti...
 
Grazia
26/02/2025 09:43:32
Ciao carissima Penelope, come stai? E' da tanto che non ci sentiamo. Qui è sempre tutto meraviglioso! Sono passata a prelevare un tuo banner da inserire nel mio nuovo spazio web, alla fine sono riuscita ad inaugurare quel "famoso" sito statico in cui offro piccole utilità grafico/digitali agli utenti e l'ho chiamato Dreamland...mi ci è voluto un po' ma sono partita col progetto...dai che così magari ci sentiamo più spesso. Ancora complimenti, un abbraccio e sereno proseguimento di giornata ♥
ೡ Scritto in... Home
 
ೡPenelope ♥
18/02/2025 20:27:41
Dear Pinalie thank you so much, I couldn't leave a message in your space, a big hug ♥
ೡ Scritto in... Orsetti...
 
ೡPenelope ♥
18/02/2025 20:16:52
Cara Filo d'arianna ti ringrazio tanto, fammi sapere quando avrai un tuo spazio così da poter ricambiare, una abbraccio forte ♥
ೡ Scritto in... Banner link del telaio ^_^
 
Antonella
13/02/2025 01:00:16
ciao Penelope ho prelevato uno dei tuoi almanacchi e l'ho inserito nel mio blog.Complimenti per il tuo sito sempre ricco e interessante.[Link]
ೡ Scritto in... Almanacco soft
 
Vale
02/02/2025 06:15:22
carinissimi!!♥
ೡ Scritto in... Mini cursori
 
Pinalie
19/01/2025 22:47:05
Deer Penelope i love and instal your sweet little bear Date Time on my pageThank you so much for your work
ೡ Scritto in... Orsetti...