Hvordan lage Del Knapper Rull med siden

En av de mest effektive måtene å markedsføre nettstedet ditt er å la besøkende gjøre det for deg. Ved å gi dem med "Dele" knappene, kan du tillate besøkende å enkelt dele nettstedet med sine sosiale medium eller Web katalog av valget. Utfordringen ligger i å gjøre dette markedsføringsverktøy effektivt, så mange brukere vil selvsagt hoppe over knappene uten mye tanke. Jobben av Web designer er å sørge for at de blir lagt merke til og vurdert. Du kan gjøre dette mulig gjennom bruk av en DIV (som står for "divisjon", som i "side divisjon") og en enkel CSS triks.

Bruksanvisning

1 Åpne ønsket webside kildekoden for redigering. Dette kan vanligvis gjøres gjennom en in-browser HTML editor levert av Web host eller, hvis filene er lagret lokalt, kan du åpne dokumentsiden i en vanlig tekstredigeringsprogram som Notisblokk.

2 Lim inn følgende kode i <HEAD> -delen av siden kildekode:

<Style type = "text / css"> <- div # sharebuttons {stilling: fast; top: 100px; venstre: 50 piksler:}! </ Style>

Den "faste" eiendommen vil føre til noe innenfor DIV med id "sharebuttons" å rulle med siden, bor synlig i samme tildelt plass mens alt annet ruller opp eller ned.

3 Erstatt "100" og "50" med dine egne verdier, om ønskelig. Disse tallene definerer hvor langt aksjen knappene vil være fra toppen og til venstre i nettleservinduet, henholdsvis.

4 Finn koden for din del knapper. Umiddelbart før koden starter, plasserer du åpner DIV-kode.

<Div id = "sharebuttons">

Umiddelbart etter at knappen koding ender, lukke DIV.

</ Div>

5 Lagre dokumentet og publisere den på nettet. Hvis du bruker en nettleser-basert HTML editor, bruke "Lagre" eller "Publiser" -funksjonen. Hvis du har redigert koden i et tekstredigeringsprogram, lagre filen og laste den opp til din web host, og erstatte den gamle filen.

6 Besøk nettsiden i nettleservinduet for å teste de nye endringene. Din del knapper skal nå være statisk og rulle med siden.