Kategorien erstellen ♥♥♥♥♥

Es kam schon oft die Frage, wie man Kategorien erstellt. Eigentlich ist das ziemlich simpel, doch wenn ihr schon länger einen Blog führt, dann ist das enorm viel Arbeit! Das war auch einer der Gründe, warum ich letztendlich mit TriggerHippie einen neuen Blog angefangen habe. Aber wenn ihr wollt, verrate ich euch, wie man ein Kategorienkasten baut ;)



Es gibt auch eine einfachere Variante, sieht aber dann etwas anders aus. Dazu wird es dann auch noch ein kleines Tutorial geben (danke an Superfluous für das darauf aufmerksam machen!).

Achtung: Hier braucht ihr vor allem Geduld und Konzentration! Nehmt euch dafür etwas Zeit!


Schritt 1

Die größte Arbeit besteht darin, alle Posts sinnvoll einzuteilen. In meinem Blog hatte ich zum Beispiel das Problem, dass ich über 80 Labels hatte, die nur einen Post dazu haben. Sowas sollte man, wenn möglich verhindern und erst recht nicht am Ende in die Kategorie rein kommen lassen. So sieht es (unten) bei meinem alten Blog aus. Mir war es letztendlich zu doof, über 300 Posts neu zu "labeln". Jedenfalls habe ich nach 100 aufgehört, und bis dahin hat es mich schon 5 Stunden gekostet.

Wählt Über- und Unterpunkte aus!

Schritt 2

Hilfreich wäre, wenn man eure Labels unter dem Posts sehen kann, das vereinfacht diesen Schritt ungemein. Ihr braucht nämlich die Links von den Labels! Wenn ihr diese nicht habt, dann müssen eure Links so aussehen:

http://wearetriggerhippie.blogspot.com/search/label/daily

Am Anfang steht natürlich euer Bloglink, danach kommt Search, dann Label, und dann den Titel eures Labels. Passt auf, hier macht es ein Unterschied, ob dein Label im URL "LoVe" oder "love" heißt, also passt auf die Groß-/Kleinschrift auf!

Schritt 3

Nun geht ihr auf Design --> Seitenelemente und fügt ein Gadget in die Sidebar ein. Wählt hier HTML/Java Script aus!

Okay, jetzt kommt die HTML-Arbeit!

Als Beispiel habe ich hier meine kleine Kategorie:

Und jetzt etwas übersichtlicher markiert:

<ul>

<li><a href="http://wearetriggerhippie.blogspot.com/search/label/lifestyle">Lifestyle</a>

<ul>

<li><a href="http://wearetriggerhippie.blogspot.com/search/label/daily">Daily</a></li>

<li><a href="http://wearetriggerhippie.blogspot.com/search/label/photography">Photographien</a></li>

<li><a href="http://wearetriggerhippie.blogspot.com/search/label/inspiration">Inspirationen</a></li>

</ul></li></ul>

______________________________________________________________

<ul> bzw.</ul> kommen ganz am Anfang bzw. ganz am Ende vom gesamten Code! Damit wird Anfang und Ende der Kategorie gekennzeichnet!

<li> bzw. </li> kommen an den Anfang des Oberpunktes bzw. nach dem letzten Unterpunkt des Oberpunktes.

<ul> bzw. </ul> kommen nach den Oberpunkt und kennzeichnet den Anfang bzw. Ende der Unterpunkte.

Vor jedem Unterpunkt kommen <li> und am Ende </li>.

Dazwischen kommen die Links, hier ist das Tutorial/Erklärung dazu: hier

______________________________________________________________

Der Bereich zwischen den dunkelgrünen <ul> können sich beliebig oft wiederholen. Achtet darauf auf die Reihenfolge und auch darauf, das kein Codesteil fehlt, sonst funktioniert es nicht!

<ul>

<li><a href="http://wearetriggerhippie.blogspot.com/search/label/lifestyle">Lifestyle</a>

<ul>

<li><a href="http://wearetriggerhippie.blogspot.com/search/label/daily">Daily</a></li>

<li><a href="http://wearetriggerhippie.blogspot.com/search/label/photography">Photographien</a></li>

<li><a href="http://wearetriggerhippie.blogspot.com/search/label/inspiration">Inspirationen</a></li>

</ul></li></ul>

Schritt 3

Speichert es und schiebt es an die gewünschte Stelle. Schaut es euch an. Kategorien neigen dazu, wenn sie falsch codiert sind, den ganzen Blog auseinander zu reißen, also verzweifelt nicht gleich und schaut euch noch mal in Ruhe den HTML-Code an. Alles muss richtig geöffnet und wieder richtig geschlossen sein!

An dieser Stelle möchte ich mich recht herzlich an The Prodigy bedanken, dass ihr das Lied "Climbatize" gemacht habt! An diesem Tutorial habe ich zum ersten Mal den letzten Nerv verloren. ;D