Ultimamente, le immagini dei Nostri Header, il -cappello- del template di Blogger ha vuto dei problemi. Sembra che con i Nuovi codici ci sia un piccolo malfunzionamento 0 bug che fa -spostare- l-immagine che mettiamo, verso sinistra o destra . ecco come fare per poterla Centrare. Innanzitutto bisogna andare in PERSONALIZZA, poi MODELLO quindi MODIFICA HTML, scorriamo il mouse fino a trovare la sezione Header -che si trova all inizio del template- quindi troveremo questo codice> #header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
a questo codice, prima della parentesi graffa, aggiungiamo questa riga background-image:url(LINK-OF/IMAGE);
background-repeat:no-repeat; height:300px; Quindi, alla fine dell-operazione avremo una cosa cosi #header-inner {
background-position: center;
background-image:url(LINK_OF_IMAGE);
background-repeat:no-repeat;
height:300px;
margin-left: auto;
margin-right: auto;
} naturalmente al posto di LINK-OF-IMAGE mettremo il link diretto all
immagine che avevamo precedentemente salvato nel sito di file sharing,
come gi' detto nel Blog. Cliccare ANTEPRIMA e se tutto va bene SALVA. Se invece l immagine difetta per larghezza aggiungiamo questo width:400px; cliccare ancora su ANTEPRIMA, se ancora non e perfetto, dovete aggiustare a piacimento i pixel di altezza e la larghezza rispettivamente heigh e width
Stretch template per intenderci questo tipo usa questo codice #header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
width:XXXpx;
height:YYYpx;
} Cambiare XXX e YYY rispettivamente larghezza -width- e altezza -height- nei pixels, della Tua immagine.
Apriamo il Nostro Blog e andiamo su --->>LAYOUT , da qui a --->>Modifica HTML poi cerchiamo questo codice: ]]></b:skin> una volta che lo abbiamo trovato, subito prima dovremo copiare ed incollarci quest'altro codice:
body#layout #outer-wrapper {
width:760px;
margin-$startSide: 0px;
margin-$endSide: 0px;
}
Salviamo il Tutto: fatto, ora il Nostro Editor Layout dovrebbe funzionare correttamente, facendoci vedere tutti gli elementi della pagina, compresi quelli alla nostra destra che sembravano scomparsi.
