Hvordan lage en roterende banner på Blogger

Blogger er en gratis blogg publisering tjeneste levert av Google og Pyra Labs. Blogger åpner for egendefinerte sidemaler og layout design som kan redigeres og omorganiseres på en rekke måter. Den øverste delen av en Blogger side, kjent som header, kan inneholde et enkelt bilde med tekst. Ved å benytte en Javascript-kode i en Blogger-modul, er det mulig å lage en header banner som sykluser tilfeldig gjennom en bank av bilder.

Bruksanvisning

1 Klikk på "Design" -kategorien i Blogger redaktør dashbordet.

2 Klikk på "Page Elements" og klikk på "Legg til gadget" link på toppen av Blogger layout editor.

3 Klikk på den blå kors ikonet ved siden av HTML / Javascript alternativet for å åpne Gadget konfigurasjonsvinduet.

4 Sett inn følgende kode i delen Innhold av Gadget Configuration vinduet:

<Script language = "Javascript">

bilder = new Array (3);

bilder [0] = "<img src = 'bildelink'>";

bilder [1] = "<img src = 'bildelink'>";

bilder [2] = "<img src = 'bildelink'>";

index = Math.floor (Math.random () * images.length);

document.write (bilder [index]);

</ Script>

5 Erstatt hver forekomst av "IMAGE LINK" med webadressen for bildene du vil vise. Et tilfeldig bilde vil bli valgt fra tabellen hver gang siden er lastet.

6 Klikk på "Lagre" knappen nederst på Gadget Configuration vinduet for å lagre den roterende banner. Klikk på "Lagre" knappen på toppen av Blogger layout editor for å lagre bloggen design.

Hint

• Hvis du vil bla gjennom mer enn tre bilder, erstatte tallet "3" med ønsket antall bilder i den "nye Array (3)" erklæring. Legg riktig antall bilde Web-adresser, legge til nye linjer under "bilder [2]" med samme formatering.