Hvordan få en "Back to Top" knappen på Tumblr

Hvordan få en "Back to Top" knappen på Tumblr


På grunn av tilgang til kjerne Web design filer, kan Tumblr brukerne opprette egendefinerte design og temaer for en Tumblr blogg, eller endre eksisterende temaer. For eksempel kan det være lurt å legge til en "Tilbake til toppen" link annet sted på siden din som kan transportere leserne tilbake til toppen av bloggen. Sett bare to linjer med HTML på bloggen kildekode.

Bruksanvisning

Bruksanvisning

1 Logg deg på Tumblr blogg. Klikk på "Tilpass Utseende" linken øverst i høyre sidebar.

2 Klikk på "Theme" -fanen. Velg "Bruk Custom HTML" -knappen hvis den vises på bunnen av "Theme" -fanen.

3 Skriv "<a name=top>" (uten anførselstegn) rett under <div class = "header"> eller <div id = "header"> linje med kode.

4 Rull ned til bunnen av koden og skriv "<a href="#Top"> Tilbake til toppen </a>" (uten anførselstegn) under <div class = "footer"> eller <div id = "footer" > linje med kode.

5 Klikk på "Preview Update" for å sørge for at Tilbake til toppen knappen fungerer.

6 Klikk på "Lagre og lukk" -knappen.

Hint

  • De fleste designere bruker begrepene "header" og "bunntekst" i kodingen, men noen kan bruke forskjellige etiketter. Hvis temaet ikke har en topp- eller bunntekst, finn koden for den øverste og nederste del av websiden og sette inn koden der. Den "Tilbake til toppen" linken kan gå hvor som helst på hovedsiden; mens de fleste designere plassere linken nederst på siden i bunnteksten, kan det teknisk plasseres hvor som helst på siden.
  • Hvis du ønsker å bruke en grafikk for "Back to Top" knappen i stedet for tekst, skriv "<a href="#Top"> <img src =" URL "> </a>" (uten anførselstegn) der du vil knappen for å ligge på siden din. Sørg for å erstatte "URL" med linken til bildet du vil bruke.