So ein Tumblr-Theme Side-Bar hinzu

Sidebars sind hilfreiche Layout-Elemente Ihrer Website Tumblr zusätzliche Inhalte, Links und Informationen hinzu. Ob Sie ein Tumblr-Theme erstellen oder Ändern einer vorhandenen, können Sie eine Sidebar auf das Thema Layout hinzufügen. Die Cascading Styling Sheets-Methode und den entsprechenden Hypertext Markup Language-Tags verwenden, können Sie leicht eine Sidebar in das Thema einfügen.

Anweisungen

1 Starten Sie einer Text- oder HTML-Editor auf Ihrem Computer und öffnen Sie das Tumblr-Thema, das, dem Sie gerade arbeiten.

2 Finde die "< Stil Typ =" Text/Css">" tag im Code, und fügen Sie eine neue, leere Zeile um zu beginnen, tippen auf.

3 Fügen Sie den folgenden CSS-Code zu Ihrem Thema unten das < Stil Typ = "Text/Css" > Tag:

Seitenleiste {} Float: Left;Breite: 250px;Höhe: 100 %;}

4 Ändern Sie "Float: Left" in "Float: Right", wenn Sie die Sidebar auf der rechten Seite des Standortes Tumblr haben möchten. Passen Sie den Wert "Breite", um Ihr Thema Design zu erfüllen.

5 Finde die "< Div Id ="Wrapper">" unter "< >" Textabschnitt tag, und fügen Sie ein paar Leerzeilen nach es durch Drücken der "Enter"-Taste.

6 Geben Sie den folgenden Tag in den leeren Bereich, den Sie gerade erstellt haben:

< Div Id = "Sidebar" >

7 Drücken Sie die "Enter"-Taste, gehen in die nächste Zeile. Fügen Sie jede Art von HTML-Code oder Inhalt, das Sie in der Seitenleiste anzeigen möchten sofort nach dem < Div Id = "Sidebar" > Tag.

8 Schließen Sie die Sidebar ordnungsgemäß durch Eingabe von "< / Div >" nach dem letzten der Seitenleiste Inhalte.

9 Speichern Sie das Thema auf Ihrem Computer. Wenn Sie bereit sind, installieren Sie das Thema auf Ihrer Website Tumblr.