Einzelne Seiten-Tabs individuell färben

In einer Layout-Vorlage von Blogger kann man die Farben für Hintergrund und Text eines Seiten-Gadgets in der Webverson des Blogs, das im Bereich "crosscol" bzw. "Cross-Column" des Layout einsortiert ist, bequem im Vorlagendesigner festlegen. Unter Vorlage > Anpassen > Erweitert > Tab-Text bzw. Tab-Hintergrund kann man unterschiedliche Farben für unausgewählte Tabs einerseits und den gerade ausgewählten bzw. gehoverten Tab andererseits angeben. Die Farben gelten für alle Tabs.

Mit welchen CSS-Kommandos man einzelne Tabs individuell färben kann, erfährt man hier.

Vorlage Bildfenster: Gradient tauschen oder deaktivieren

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

Vorlage Fantastisch: Vogelmotive entfernen

Nutzt man die Variante "hummingbirds2" der Vorlage Fantastisch (Ethereal) und will ausschließlich die Vogelmotive entfernen, den äußeren Standard-Hintergrund ansonsten aber behalten, dann kann man das im Vorlagendesigner nur über CSS hinzufügen realisieren.

Vorlage Fantastisch: Türkisen Streifen entfernen

Nutzt man die Variante "hummingbirds2" der Vorlage Fantastisch (Ethereal) und möchte den türkisen Streifen entfernen, der sich oben im Inhaltsbereich befindet, geht das im Vorlagendesigner nur über CSS hinzufügen.

Vorlage Wasserzeichen: Vögel entfernen

In der Variante "birds" der Vorlage Wasserzeichen (Watermark) befindet sich oben rechts ein Bild mit fliegenden Vögeln. Wenn einem die Vorlage ansonsten gefällt, man die Vögel aber nicht mag, kann man sie per CSS entfernen.

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.

Blogger änderte Standard-Vorlagen-Codes und "HTML bearbeiten"-Layout (2013-04)

Blogger hat das Layout von "HTML bearbeiten" geändert und vor wenigen Tagen online gestellt. Außerdem wurden alle Standard-Vorlagen überarbeitet und haben nun neue Codes, die punktuell auch andere Wirkungen zeigen.

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

Unter Mosaic haben die Postsvorschau-Ausschnitte einen weißen Hintergrund. Unter "CSS hinzufügen" kann man einen Code eintragen, der das ändert.

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

Unter Magazine steht die Posts-Übersicht standardmäßig auf weißem Hintergrund. Unter "CSS hinzufügen" kann man einen Code eintragen, der das ändert.

Dynamische-Ansichten: Hintergrundfarben für Posts und Kommentierbereich ändern

Die Hintergrundfarben der Posts und des eingebetteten Kommentierbereichs kann man für die Ansichten Flipcard, Magazine, Mosaic, Snapshot und Timeslide gemeinsam ändern. Das geht per Kommandos, die man unter "CSS hinzufügen" einträgt.

Dynamische Ansichten: Flipcard-Kartenfarben ändern

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

Dynamische Ansichten: Timeslide-Vorschaukästen-Hintergrundfarbe ändern

Die Dynamische Ansicht "Timeslide" hat eine Übersicht mit Vorschaukästen in denen alle Posttitel und Inhaltsschnipsel verlinkt aufgeführt werden. Die Hintergrundfarbe der Kästen kann man nur per Blogger-Dashboard > Blog-Menü (Pfeil) > Vorlage > Anpassen > Erweitert > "CSS hinzufügen" beeinflussen. Das geht mit dem folgenden Kommando:

Dynamische Ansichten: Sidebar-Hintergrundfarbe ändern

Die Dynamische Ansicht "Sidebar" hat eine Sidebar, in der alle Posttitel verlinkt aufgeführt werden. Ihre Hintergrundfarbe kann man nur per Blogger-Dashboard > Blog-Menü (Pfeil) > Vorlage > Anpassen > Erweitert > "CSS hinzufügen" beeinflussen. Das geht mit dem folgenden Kommando:

Dynamische Ansichten: Verfremdung der Header-Hintergrund-Farbe beheben

Man kann im Vorlagendesigner zwar eine Hintergrundfarbe für den Header einstellen, wundert sich aber, dass sie dort irgendwie anders aussieht, als woanders. Das ist keine Einbildung; die Farbe ist tatsächlich anders. Verursacht wird das von einem Hintergrundbild, das über der Farbe liegt und einen unauffälligen Farbverlauf bewirkt und letzlich den Gesamteindruck einer etwas anderen Farbe hinterlässt. Vermutlich soll das sowas wie einen ganz leichten Schatten imitieren.

Dynamische Ansichten: Suchfeld-Hintergrundfarbe ändern

Für das Suchfeld gibt es im Blogger-Vorlagendesigner keinen vorgefertigten Bereich, in den man einfach nur eine Hintergrundfarbe eintragen könnte. Daher hat man das Problem, dass das Farbkonzept der Ansichten ggf. unharmonisch ist, wenn man sonst alles umgefärbt hat, das Suchfeld aber die Vorlagenfarbe behält.

Man kann den Hintergrund des Suchfelds aber per "CSS hinzufügen" umfärben.

Dynamische Ansichten: Gadget-Dock-Hintergrundfarben ändern

Für das Gadget-Dock gibt es im Blogger-Vorlagendesigner keinen vorgefertigten Bereich, in den man einfach nur eine Hintergrundfarbe eintragen könnte. Daher hat man das Problem, dass das Farbkonzept der Ansichten ggf. unharmonisch ist, wenn man sonst alles umgefärbt hat, das Gadgetdock aber die Vorlagenfarbe behält.

Man kann den Hintergrund des Gadget-Docks aber per "CSS hinzufügen" umfärben.

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.

Autor-Icon an Kommentaren austauschen

Stammt ein Kommentar vom Postautor, dann wird das automatisch durch ein Icon neben seinem Namen markiert. Das Icon ist ein 18px ⋅ 18px großes Hintergrundbild für diesen Minibereich neben dem Namen. Standardmäßig handelt es sich dabei um das Bild eines Stifts auf grauem rundem Hintergrund. Der Stift ist so schlecht zu erkennen und das Grau ist so hässlich, dass ich lange nicht verstanden habe, was der Schandfleck da überhaupt soll.

Verfremdung der Hintergrundfarbe wegkriegen

Manche Blogger-Vorlagen haben in bestimmten Bereichen über der Hintergrundfarbe standardmäßig ein rauchigfarben-transparentes Hintergrundbild liegen, das die eigentliche Hintergrundfarbe verfremdet. Will man in einem entsprechenden Bereich diesen Verfremdungseffekt weg haben, muss man die Wirkung des Bildes deaktivieren.

Hintergrundfarbe für Kommentare

Eine Hintergrundfarbe für Kommentare zu bestimmen, kann man mithilfe eines CSS-Kommandos realisieren, das man einstellt unter

Design > Vorlage > Anpassen > Erweitert > CSS hinzufügen