Visualizzazione post con etichetta sfondo. Mostra tutti i post
Visualizzazione post con etichetta sfondo. Mostra tutti i post

mercoledì 17 febbraio 2010

Come inserire uno sfondo personalizzato su blogger

Per rispondere alla domanda "Posso inserire uno sfondo personalizzato sul blog ? Come faccio ad inserirlo ?" oggi presento un'ipotesi di inserimento di uno sfondo che possa rendere il proprio blog unico.

Prima però di addentrarmi nella tematica, mi scuso per la prolungata assenza ... ma per campare prima bisogna dar precedenza al lavoro remunerato rispetto al volontariato :-)

Ma torniamo al nostro sfondo personalizzato. Se ho ben capito il problema, la soluzione mi sembra piuttosto "semplice" (lo so, lo so, tutto è relativo).

Prima di tutto bisogna preparare/trovare uno sfondo che si integri bene nel nostro blog da un punto di vista di dimensioni e colori (mettere uno sfondo chiaro su un blog con scritte chiare potrebbe portare i vostri visitatori a diventar cechi). Ad esempio lo sfondo che utilizzerò io come esempio non è si può certo dire un grande sfondo :-) (almeno per quanto riguarda le dimensioni)

A questo punto ancor prima di cercare il punto da modificare consiglio fortemente di fare una copia in locale del modello per poter ripristinare il tutto in caso di errori.

Per inserire uno sfondo si deve accedere a Layout -> Modifica HTML e si deve cercare la scritta "body {" ... "body {" e non " < body", La prima scritta infatti indica lo stile del corpo della pagina, mentre la seconda indica l'inizio del corpo della nostra pagina. Visto siamo interessati a modificare l'estetica/lo stile della pagina è sufficiente trovare l'inizio delle impostazioni dello stile. Bisogna individuare ora il paramentro dello sfondo ("background:"). Nel mio modello la dicitura completa è "background:$bgcolor;" Attributo = background Separatore = : Valore = $bgcolor Chiusura = ; (<- Mi raccomando non dimenticate il ; dopo l'ultimo valore che inserite) A questo punto è sufficiente aggiungere il parametro/valore "url" per indicare lo sfondo che vogliamo sul corpo del nostro sito. Nel mio caso ho quindi modificato il codice nel seguente modo: body { background:$bgcolor url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkEflAUIvCFua8j6Pn_361X3D9dR1by2f9bPcZxN__8MTOIEjwPmg14BgMdzmETwdl7wzSPWReV7ZCCOScQAza5f09bTZfrnv7iNv8QVO1BHtTdtUwU7abA2iLJAxkIEMwxI8AjKhDs5s/s220/logo_new_cs_black.jpg) no-repeat left top; Tra le parentesi dell'"url" indichiamo il percorso completo dell'immagine precedentemente caricata in qualsiasi spazio web gratuito o eventualmente presente su altri siti (occhio al copyright). Dopo le parentesi possiamo indicare che lo sfondo deve essere ripetitivo (i possibili parametri sono: repeat | repeat-x | repeat-y | no-repeat) e la posizione (i possibili parametri sono: top | center | bottom e left | center | right). Se volete un indirizzo per approfondire potete vedere su: Background