Mehr Einstellmöglichkeiten für die Blog-Beschreibung ermöglichen

Für die Blog-Beschreibung besteht im Blogger-Vorlagendesigner üblicherweise nur die Möglichkeit, die Farbe einzustellen. In der Vorlage Reise/Travel bewirkt das nicht mal etwas.

Mit zwei Änderungen im HTML kann man die Einstellmöglichkeiten für die Blog-Beschreibung erweitern und dafür sorgen, dass sie funktionieren. Im Ergebnis wird man für die Blog-Beschreibung nicht nur erfolgreich die Schriftfarbe, sondern auch die Schriftgröße und vor allem auch die Schriftart wählen können.

Vorlage Fantastisch: Linien umfärben oder entfernen

Alle Varianten der Vorlage Fantastisch haben Linien vertikal am inneren Bereich, horizontal im Tabbereich, im Postbereich und im Sidebarbereich:

• Seitlich am inneren Bereich
• Grundlinie für die Tabs
• Unter dem Datum des Tages
• Zwischen Posts eines Tages
• Unter Gadget-Titeln
• Unter Gadgets

Vorlage Bildfenster: Gradient tauschen oder deaktivieren

Die drei Varianten der Vorlage Bildfenster (Picture Window) nutzen Gradienten, teiltransparente Hintergrundbilder, die auf dem jeweiligen Hintergrundfarbwert liegen.

Schrift-Gestaltung in Posts und auf Seiten

Grundeinstellung

Die Standardschriftart, Standardschriftgröße und Standardschriftfarbe für Posts und Seiten in seinem Blog regelt man bei Layout-Vorlagen im Vorlagendesigner (Vorlage > Anpassen > Erweitert) über "Seitentext". Bei den Dynamischen Ansichten heißt der Abschnitt "Seite" und das Feld für die Schriftgröße ist zwar auch vorhanden, aber ohne Funktion. Deshalb muss man, wenn man eine der Dynamischen Ansichten als Vorlage nutzt, speziell die Standardschriftgröße mittels CSS-Kommando unter "CSS hinzufügen" angeben, wenn sie anders als die vorgegebene Größe sein soll.

Im Blogger-Editor, in dem man den Post bzw. die Seite schreibt, muss man keine weiteren Einstellungen für die im Post oder auf der Seite zu verwendende Standardschrift machen, sondern kann da einfach drauflos schreiben. Im Editor selbst sieht die Schrift zwar anders aus, aber das ist nicht das, was man im veröffentlchten Post bzw. der veröffentlichten Seite sehen wird. Man kann "Vorschau" anklicken, dann sieht man, wie der Text tatsächlich aussehen wird.

Dynamische Ansichten: Vorlagendesigner schwerfälliger

Der Blogger-Vorlagendesigner verhält sich bei Arbeiten für Dynamische Ansichten anders, nämlich wesentlich schwerfälliger, als bei Arbeiten für die anderen Blogger-Vorlagen. Die Unterschiede bewirken insgesamt, dass man für die Dynamischen Ansichten wesentlich mehr Zeit, Geduld, Konzentration und Aufmerksamkeit für Arbeiten im Vorlagendesigner aufwenden muss.

Dynamische Ansichten: Änderung der Startansicht löscht Design

Wechselt man unter Blogger-Dashboard > Blog-Menü (Pfeil) > Vorlage > Anpassen die Wahl der Ansicht, die man als Startansicht für sein Blog verfügt, dann werden dabei alle Einträge, die man im Blogger-Vorlagendesigner zuvor gemacht hatte, gelöscht. Einzig das, was man unter "CSS hinzufügen" eingetragen hatte, bleibt bestehen.

Das Programm behandelt das also ähnlich wie einen Vorlagenwechsel.

Man sollte sich deshalb unbedingt vorher die Werte notieren, die man eingetragen hat, damit man sie nach dem Startansichtswechsel sofort wieder eintragen kann und nicht erneut tüfteln muss, bis alles stimmt.

Ute Ziemes, sg.utez.de, 27.02.2013, Änderung: 02.03.2013, Adressänderung: 03.03.2013

Blogger-Vorlagendesigner

Den Blogger-Vorlagendesigner erreicht man über

• vom Blog aus:
  Design > Vorlage > Anpassen
• vom Dashboard aus:
  Blog-Menü (Pfeil) > Vorlage > Anpassen

Mit seiner Hilfe kann man die Vorlage wechseln oder risikolos Styles für verschiedene Elemente der verwendeten Vorlage ändern, einige per Klick, andere per Eingabe von CSS-Kommandos.

Das Anzeigefenster ist aufgeteilt in einen Auswahlbereich, einen Bearbeitungsbereich und einen Vorschaubereich. Im Vorschaubereich kann man die Wirkung der Änderungen sofort sehen, ohne sie bereits gespeichert zu haben. Per Klick oben rechts auf "Auf Blog anwenden" werden die Änderungen gespeichert und damit erst auf das Blog angewendet.

Unter "CSS hinzufügen" den Überblick bewahren

Wenn man unter "CSS hinzufügen" viel einträgt, kann man schnell den Überblick verlieren. Auch weiß man sehr viel später oft nicht mehr, wozu bestimmte Kommandos eigentlich dienen. Es ist deshalb zu empfehlen, dort - zusätzlich zum Code - ordnende und ggf. auch erläuternde Anmerkungen einzutragen.

Anmerkungen sind zwischen Schrägstrich gefolgt von Stern auf der linken Seite und Stern gefolgt von Schrägstrich auf der rechten Seite zu setzen. Browser wissen dann, dass sie sie ignorieren sollen, weil es sich nur um Anmerkungen für den Ersteller handelt.

Liste: BloggerVorlagendesigner

Folgend sind alle Titel der Posts mit dem Label "BloggerVorlagendesigner"  Web  Mobil  gelistet und verlinkt.

• Blogger-Vorlagendesigner
  Web    Mobil
• Liste: CSShinzufügen
  Web    Mobil
• Anker: Allgemeines zu Einträgen unter "CSS hinzufügen"
  Web    Mobil
• Unter "CSS hinzufügen" den Überblick bewahren
  Web    Mobil
• Schrift-Gestaltung in Posts und auf Seiten
  Web    Mobil


• Mehr Einstellmöglichkeiten für die Blog-Beschreibung ermöglichen
  Web    Mobil
• Vorlage Bildfenster: Gradient tauschen oder deaktivieren
  Web    Mobil
• Vorlage Fantastisch: Linien umfärben oder entfernen
  Web    Mobil


• DynAn: Änderung der Startansicht löscht Design
  Web    Mobil
• DynAn: Vorlagendesigner schwerfälliger
  Web    Mobil