Hvordan lage en Page Button høydepunkt i Blogger

Hvordan lage en Page Button høydepunkt i Blogger


Når du oppretter en statisk side i Blogger, setter det opp linker som sender folk til den siden. Hvis du har en Om-side eller en butikkside, kan du plassere lenker på bloggen din for å gi besøkende til nettstedet ditt noen navigeringsalternativer. Hvis du vil ha knapper for linkene som fremhever når besøkende musen over dem, kan du redigere HTML-koden på bloggen din for å legge til knapper og gi dem et høydepunkt effekt.

Bruksanvisning

1 Bla til Blogger.com og skriv inn brukernavn og passord for Google-kontoen. Klikk på "Design" linken ved siden av tittelen på bloggen du ønsker å redigere.

2 Klikk på "Rediger HTML" fra valgene øverst på siden rett under raden med faner. Trykk på "Ctrl" og "F" tastene sammen, type "hode" og trykk "Enter". Dette vil ta deg til steder i HTML-koden der du kan sette opp stilen for knapper.

3 Skriv inn følgende HTML-kode i <HEAD> -delen av bloggen din kode:

<STYLE>

.start {color: red; bakgrunn: blue;}

END {color: gul; bakgrunn: green;}

</ Style>

4 Skriv inn følgende skriptkode under <style> -seksjonen:

<Script language = "javascript">

funksjon highlightButton (e) {if ( "INNGANG" == event.srcElement.tagName) event.srcElement.className = s}

</ SCRIPT>

5 Flytt til stedet der du vil at sideknappene skal vises. Dette vil trolig være i <BODY> -delen av bloggen din. Skriv inn følgende kode:

<Form name = høydepunkt onmouseover = "highlightButton ( 'start')" onmouseout = "highlightButton ( 'end')"> <input type = "button" value = "Button Name" onclick = "location.href =" & lt; / FORM "> http://yourblog.blogspot.com/page '"> & lt; / FORM>

6 Skriv inn en knapp kode for hver side knapp som du ønsker å lage på bloggen din. Bytt ut teksten "Button Name" og hyperkobling fra eksemplet med dine egne attributter. Klikk "Lagre mal" når du er ferdig med å redigere, og endringene vil gå live til bloggen din.

Hint

  • I tillegg til å definere fargen på knappen med <style> blokk, kan du også legge til andre stilelementer som skriftstørrelse og skriftfamilie med riktig HTML-kode.
  • <Style> farge kan også angis med heksadesimal kode som "# FBEC5D".