Hvordan legge til Side Bar til en Tumblr Theme

January 26

Sidefelt er nyttige layoutelementer for å legge til ekstra innhold, lenker og informasjon til din Tumblr nettstedet. Enten du lager en Tumblr tema eller modifisere en eksisterende, kan du legge en sidebar til temaet layout. Ved hjelp av Cascading Styling Sheets metode og de riktige Hypertext Markup Language koder, kan du enkelt sette inn et sidepanel inn i temaet.

Bruksanvisning

1 Start en tekst eller HTML editor på datamaskinen din og åpne Tumblr temaet du jobber med.

2 Finn "<style type =" text / css ">" tag i koden og legge til en ny, tom linje for å begynne å skrive på.

3 Legg til følgende CSS-koden til temaet under <style type = "text / css"> tag:

sidebar {

float: left;
width: 250px;
height: 100%;
}

4 Endre "float: left» til «float: right" hvis du ønsker å ha sidepanelet på høyre side av Tumblr nettstedet. Juster "width" value for å møte temaet design.

5 Finn "<div id =" wrapper ">" tag under "<body>" -delen og legge til et par tomme linjer etter den ved å trykke på "Enter" -tasten.

6 Skriv inn følgende kode i det tomme området du nettopp opprettet:

7 Trykk på "Enter" -tasten for å gå til neste linje. Legg noen form for HTML-kode eller innholdet du ønsker å vise i sidepanelet umiddelbart etter <div id = "sidebar"> tag.

8 Lukk sidepanelet riktig ved å skrive "</ div>" etter den siste av sidepanelet innhold.

9 Lagre tema på datamaskinen. Når du er klar, installere temaet på Tumblr nettstedet.