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.

Unterstrich bei Links entfernen

Standardmäßig bekommen fast alle Links in einem Blogspot-Blog einen Unterstrich, wenn man mit der Maus darüber fährt. Das Kommando dafür ist bei den Layout-Vorlagen für drei verschiedene Bereiche vorgegeben:

• Post-Titel
• Sidebar
• Sonstige Bereiche des Blog

Man kann die Unterstriche überall rausnehmen oder aber nur in einem der oben genannten Bereiche. Folgend sind die CSS-Kommandos aufgeführt, die man dafür unter Vorlage > Anpassen > Erweitert > CSS hinzufügen eintragen und auf das Blog anwenden muss:

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: Neue Image-Gadget-Anzeige aufhellen

Seit ca. 20.04.2013 lässt Blogger die Bildanzeige des Image-Gadgets anders realisieren als zuvor, nämlich mit einer Art Postseite, wie man sie von den Ansichten Flipcard, Magazine, Snapshot, Timeslide kennt.

Meine hübsch klein zurechtgeschnittenen Gadget-Bildchen sehen auf der riesigen Postseite jetzt natürlich verloren aus. Schade; denn ich hatte auch die Gadgetgröße ganz prima angepasst. Das geht per CSS ja wunderbar.

Jump-Break-Sprungziel ändern

Die hiesige Anleitung berücksichtigt die Überarbeitungen Bloggers, die 04/2013 online gestellt wurden und bezieht sich somit auf das neue Layout des "HTML bearbeiten" sowie auf die neuen Codes der Standard-Vorlagen.

Will man, dass der Jump-Break-Link nicht zum Resttext des Postinhalts springt, wenn er den Post öffnet, sondern der Post von oben an angezeigt wird, dann muss man unter "HTML bearbeiten" den Code-Schnipsel löschen, der dafür verantwortlich ist, dass zum Anfang des Resttextes gesprungen wird.

Dynamische Ansichten: Mosaic-Postsvorschau-Ausschnitte: Titel fett machen

Unter Mosaic sind die Titel in den Postsvorschau-Ausschnitten nicht fett. Unter "CSS hinzufügen" kann man einen Code eintragen, der das ändert.

Dynamische Ansichten: Mosaic-Postsvorschau-Ausschnitte: Titelfarbe ändern

Unter Mosaic haben die Titel in den Postsvorschau-Ausschnitten eine blassschwarze Farbe. Unter "CSS hinzufügen" kann man einen Code eintragen, der das ändert.

Dynamische Ansichten: Mosaic-Postsvorschau-Ausschnitte: Textfarbe ändern

Unter Mosaic haben die Texte in den Postsvorschau-Ausschnitten eine blassschwarze Farbe. Unter "CSS hinzufügen" kann man einen Code eintragen, der das ändert.

Dynamische Ansichten: Magazine-Postsübersicht: Text-Größe ändern

Unter Magazine ist der Vorschau-Text in der Posts-Übersicht standardmäßig klein. Unter "CSS hinzufügen" kann man einen Code eintragen, der das ändert.

Dynamische Ansichten: Magazine-Postsübersicht: Post-Titel fett machen

Unter Magazine sind in der Posts-Übersicht die Post-Titel standardmäßig nicht fett. Unter "CSS hinzufügen" kann man einen Code eintragen, der das ändert.

Dynamische Ansichten: Magazine-Postsübersicht: Post-Titel-Farbe ändern

Unter Magazine sind in der Posts-Übersicht die Post-Titel standardmäßig Blass-Schwarz. Unter "CSS hinzufügen" kann man einen Code eintragen, der das ändert.

Dynamische Ansichten: Magazine-Postsübersicht: Text-Farbe ändern

Unter Magazine hat der Text in der Posts-Übersicht standardmäßig die Farbe Blass-Schwarz. Unter "CSS hinzufügen" kann man einen Code eintragen, der das ändert.

Dynamische Ansichten: Flipcard-Datumsfarbe ändern

Das Flipcard-Datum auf der Karten-Rückseite kann man per "CSS hinzufügen" ändern.

Dynamische Ansichten: Flipcard-Karten-Rückseiten-Layout ändern

Auf den Flipcard-Rückseiten stehen oben der Titel und in der Mitte das Datum. Dem Titel steht nur wenig Platz zur Verfügung und er wird, wenn er lang ist, abgeschnitten. Hier beschreibe ich, wie man am Layout folgendes ändern kann:

• Bereich für das Datum nach unten schieben
• Bereich für den Titel vergrößern
• Das Abschneiden des Titels verhindern

Dynamische Ansichten: Flipcard-Kartenfarben ändern

Die Flipcard-Kartenfarben kann man per "CSS hinzufügen" ändern.

Dynamische Ansichten: Sidebar-Link-Farben ändern

Die Dynamische Ansicht "Sidebar" hat eine Sidebar, in der alle Posttitel verlinkt aufgeführt werden. Die Links haben die üblichen Linkfarben, die an der Stelle aber ggf. nicht passen. Man kann die Link-Farben per Blogger-Dashboard > Blog-Menü (Pfeil) > Vorlage > Anpassen > Erweitert > "CSS hinzufügen" speziell für die Sidebar festlegen. Das geht mit den folgenden Kommandos:

Dynamische Ansichten: Schriftgrößen und Schriftgewichte ändern

Ändert man im Blogger-Vorlagendesigner unter den vorgefertigten Einstellmöglichkeiten die Schriftgrößen und Schriftgewichte für die verschiedenen Stellen der dynamischen Ansichten, bleibt das ohne Effekt. Es scheint, als wären die Einstellmöglichkeiten Attrappen, die da nur stehen, weil es sie im Blogger-Vorlagendesigner sonst halt gibt.

Ich habe einiges per CSS probiert, um Schriftgrößen und Schriftgewicht an verschiedenen Stellen der Dynamischen Ansichten zu beeinflussen und so zu den unten stehenden erfolgreichen Kommandos gefunden.

Umfrage-Gadget: Ergebnisse sichtbar machen

Das Umfrage-Gadget zeigt, außer der Umfrage selbst, immer auch den Status der Umfrage und ihre aktuellen Ergebnisse an. Je nach Blog-Hintergrundfarbe, sind die Infotexte aber vielleicht unsichtbar, weil ihre Schriftfarben sich nicht vom Hintergrund absetzen.

Mit dem Blogger-Editor Fremdformate entfernen

Hat man einen Text in einem Schreibprogramm, wie Word oder Write oder ähnlichem geschrieben, dann ist er, ohne, dass man das sieht, mit Formatierungen behaftet. Kopiert man einen solchen Text in den Verfassen-Modus des Blogger-Editors, dann werden die Format-Kommandos im Hintergrund in den HTML-Modus geschrieben. Blogger kann diese fremden Formate jedoch nicht richtig interpretieren. In der Folge erhält man ggf. einen chaotischen, nicht mehr gestaltbaren Post, der sogar das ganze Blog beeinträchtigen kann. Deshalb sollte man fremdformatierten Text niemals in den Verfassen-Modus des Blogger-Editors kopieren.

Hinweise zum Blogger-Editor im Verfassen-Modus

Anfänglich hält man den Blogger-Editor für einen "What You See Is What You Get"-Editor. Das kann er aber allein deshalb nicht sein, weil er nie in den Maßen angezeigt wird, die die individuelle Post-Breite hat (die ist bei jedem unterschiedlich) und ggf. auch nicht mit der Schriftart, die man im Blog nutzt.

Mit der Zeit hat man das Gefühl, dass er ein "What You See Is What Is Inside, Not The Layout. - So Try It Oftener!"-Editor ist.

Letztlich tun wir ihm aber einfach nur so lange Unrecht, bis wir verstanden haben, wie er funktioniert und das bei unseren Einträgen berücksichtigen.