Slik formaterer et bakgrunnsbilde for Blogger

En unik layout eller stil kan gjøre en blogg skiller seg ut fra konkurrentene. Mange blog nettsteder, som for eksempel Googles Blogger, gir brukerne muligheten til å tilpasse sine blogger med forhåndsbygde komponenter. Bakgrunner, for eksempel, kan vise ulike farger eller ingen i det hele tatt. Hvis du vet hvordan du får tilgang bloggens design, kan du ikke bare bruke bildene til din bakgrunn, men formatere dem også. Dette gjør at du kan skreddersy bloggen din visuelle egenskapene til innholdet du dele med verden.

Bruksanvisning

1 Logg inn på Blogger-kontoen, og klikk på "Dashboard" linken øverst på siden. Denne siden viser din nåværende blogger.

2 Klikk på "Design" linken ved siden av en av bloggene. "Legg til og ordne sideelementer" vises. Klikk på "Rediger HTML" linken øverst på siden. En redigeringsboks nederst på siden. Denne boksen viser bloggens HTML-kode.

3 Finn "Backup / Restore Mal" delen øverst på siden. Denne delen lar deg sikkerhetskopiere din nåværende HTML-kode til en mappe på harddisken. Sikkerhetskopiering koden din at du har en kopi av originalen, i tilfelle du trenger å gjenopprette den.

4 Klikk "Last ned hele malen," klikk "Lagre fil". Klikk "OK" for å lagre sikkerhetskopien på harddisken din.

5 Bla gjennom HTML-koden i redigeringsboksen nederst på siden. Se etter følgende kode blokken:

block: body {

font: $ (body.font);

farge: $ (body.text.color);

bakgrunnen: $ (body.background);

}

Denne koden setter visningsegenskapene til bloggen din bakgrunn. Siden dette er vanlig HTML-kode, kan du endre det akkurat som du ville koden på en annen HTML-dokument.

6 Slett denne koden blokk, og erstatte det med følgende:

kropp {

background-image: URL ( 'http://www.mySite.com/myImage.jpg');

background-attachment: bla;

background-repeat: no-repeat;

}

Erstatt "http://www.mySite.com/myImage.jpg" med nettadressen til et reelt bilde på Internett eller på webserveren.

7 Klikk "Preview" for å forhåndsvise endringene. Blogginnlegget vises i et nytt vindu eller fane. Innlegget viser bakgrunnsbildet du har angitt i HTML-koden. Bla opp og ned på siden. Bakgrunnsbildet beveger seg med siden fordi du sette bakgrunns-vedlegg eiendommens verdi til "bla".

8 Gå tilbake til HTML-redigering boksen, og finne koden blokken du lagt. Slett denne linjen:

background-attachment: bla;

Legg til følgende linje i stedet:

background-attachment: fixed

Klikk "Preview", og bla opp og ned på siden igjen. Bakgrunnen er fortsatt fast fordi du sette bakgrunns-vedlegget attributtverdien til "fast" i stedet for "bla".

9 Klikk "Lagre mal" for å lagre endringene.

Hint

• Hvis du velger et bakgrunnsbilde som er mindre enn nettleservinduet, kan du søke videre formatering ved å legge inn bakgrunnsbilde. Vet at ved å endre ordet "no-repeat" til "gjenta" i siste linje av koden blokken du lagt. Nettlesere vil flis bildet horisontalt og vertikalt.