Stap 1:maak een tekstlink 'Scroll naar boven'

1. Navigeer in uw Weebly-site-editor naar het paneel "Elementen" aan de linkerkant van het scherm.

2. Sleep het "Tekst/HTML"-element naar uw pagina waar u de knop "Scroll naar boven" wilt laten verschijnen.

3. Voer in de tekst-/HTML-editor die verschijnt de volgende HTML-code in:

```html

Terug naar boven

```

1. Vervang "#top" door de ID van het element bovenaan uw pagina. Dit kan uw header- of logo-element zijn.

5. Klik op "Update" om de tekstlink op te slaan.

Stap 2:aangepaste CSS toevoegen voor styling

Om de knop 'Scroll naar boven' zichtbaar te maken en naar wens vorm te geven, moet je aangepaste CSS toevoegen:

1. Klik in de Weebly-editor op het tabblad "Ontwerp" bovenaan het scherm.

2. Klik op het tabblad "Aangepaste CSS" in het ontwerppaneel.

3. Plak de volgende CSS-code in het veld Aangepaste CSS:

```css

/* Scroll naar styling van de bovenste knoppen */

een#top {

positie:vast;

onderkant:20px;

rechts:20px;

opvulling:8px 12px;

achtergrondkleur:#555;

kleur:#fff;

lettergrootte:14px;

tekstversiering:geen;

randradius:4px;

}

a#top:beweeg {

achtergrondkleur:#333;

}

```

In deze CSS-code kunt u de positionering, kleuren en andere stijlen van de knop 'Scroll naar boven' aanpassen aan uw siteontwerp.

Stap 3:publiceer uw site

Nadat u de nodige wijzigingen heeft aangebracht, bekijkt u een voorbeeld van uw site om er zeker van te zijn dat de knop 'Scroll naar boven' correct werkt. Klik ten slotte op de knop "Publiceren" in de Weebly-editor om de wijzigingen live op uw website door te voeren.

Nu zou uw Weebly-site een functionele knop 'Scroll naar boven' moeten hebben, zodat uw bezoekers moeiteloos naar de bovenkant van de pagina kunnen terugkeren.