Hvordan lage en rullegardin Header i Blogger

August 30

Ved å sette inn en HTML-kode gadget i Blogger, kan du sette inn koden for en drop-down header til funksjonen uansett sider eller direkte nettadressene du ønsker å funksjonen på toppen av bloggen din. Du kan tilpasse hvor mange oppføringer er oppført i rullegardinmenyen, og du kan selv tilpasse om menyen har en venstre, høyre eller sentrum justering respektive til din header og blogg.

Bruksanvisning

1 Besøk bloggen din og klikk på Design øverst i høyre hjørne. Du vil bli overført til Page Elements visning der du kan klikke på Legg til gadget-funksjonen som ligger rett under overskriften. Klikk på HTML / Java Script, og en dialog Konfigurer vises.

2 Sett den generiske rullegardin koden i feltet Innhold, forlater Tittel feltet stå tomt. Den grunnleggende koden er som følger:

<Form> <velg name = "meny" OnChange = "window.open (this.options [this.selectedIndex] .Value, '_ blank") "size = 1 name = menu> <option /> - List Tittel - <option value = "http: //yourlink#1.com" /> Link Tittel One <option value =" http: //yourlink#2.com" /> Link Tittel Second <option value = "http: //yourlink#3.com" /> Link Tittel Tredje </ select> </ form>

3 Slett "List Title" sted-holding tekst og sett inn tittelen du vil at rullegardinmenyen for å ha, for eksempel "steder å besøke" eller "kategorier".

4 Slett late URL "http: //yourlink#1.com&quot, og erstatte den med direkte lenke til den første bloggen sub-delen du ønsker oppført i menyen For eksempel, hvis du har en." Om meg "innlegg, du kan sette den direkte nettadressen til det innlegget inn i den første plassen for en link. Du vil også være lurt å erstatte "Link Tittel One" med en passende tittel som "om meg" eller "forfatter bio." Bytte ut sted eierne for ditt . URL og tittel for de tre koblingene oppført i den generiske koden Legg til en ekstra oppføring hvis du vil ha ved å sette inn en annen generisk linje etter "Link Tittel Third", slik som <option value = "http: //yourlink#4.com" /> Link Tittel Four. Tilpass denne linjen, og sette inn en femte tilpasset linje hvis nødvendig.

5 Sett inn en justerings kommando som ønsket. Rullegardinmenyen vil automatisk justere til venstre, så du trenger ikke sette inn noen ekstra koding for å opprettholde en venstre posisjonering. Hvis du vil ha menyen sentrert, men setter <center> før resten av koden din og sett </ center> på slutten av hele koden. For rett-align, setter <div style = "text-align: right;"> før den andre koding og sette inn </ div> helt på slutten.

6 Klikk "Lagre" og dialogen Konfigurer lukkes. Se bloggen din for å være sikker på rullegardin header ble riktig implementert.

Hint

Hvis når du ser bloggen din ser du at en av linkene ikke fungerer, gå tilbake til Sideelementer siden og klikk på Rediger som tilsvarer HTML / Java Script gadget under spissen. Du kan re-redigere koding som trengs, fikse ødelagte koblinger.