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.

Unterschiedliche Tabs der Seitenliste in Webversion und Mobilversion anzeigen

Man kann in den Dynamischen Ansichten zwar keine unterschiedlichen Seitenliste-Gadgets anzeigen lassen, aber man kann per CSS in der Webversion und in der Mobilversion des Blogs unterschiedliche Tabs der Seitenliste ausblenden und so jeweils andere Tabs anzeigen lassen, zumindest sofern man die Mobilvorlage auf Benutzerdefiniert eingestellt hat und die Ansicht Classic nur für die Mobilversion nutzt.

Valentinstag-Zwangsdeko abschalten

Auf den Dynamischen Ansichten hat Blogger um Null Uhr des 14.02.2016 ein Script aktiviert, das nach einer Minute geladen ist und verursacht, dass bei jedem Klick Herzchen erscheinen. Es handelt sich um Kalenderdeko zum Valentinstag.

Unterschiedliche Seitenlisten für Webversion und Mobilversion

Außer einem einzelnen Link, der einem ausdrücklich ermöglicht die Blogversion zu wechseln, kann man in der jeweiligen Navigation keine Links gebrauchen, die einen aus der Version rausführen, in der man gerade ist. Die Linkadressen, die zu Seiten führen, die man unter "Seiten" erstellt und im Seitenliste-Gadget zur Anzeige im Gadget freigegeben hat, werden automatisch auf die Version umgestellt, in der man gerade ist. Diejenigen Links zu bloginternen Zielen jedoch, die man im Seitenliste-Gadget mit "Externen Link hinzufügen" erstellt hat, werden nicht an die Version angepasst, in der man sich gerade befindet.

Schon deshalb ist es besser, wenn man in den beiden Blogversionen unterschiedliche Seitenlisten verwendet und so per "Externen Link hinzufügen" jeweils andere Linkadressen eintragen kann. Man kann dann auch unterschiedliche Seiten zur Anzeige freigeben, wenn man dort zum Beispiel Linklisten zu internen Zielen anbietet.

Classic als mobile Klasse nutzen

In den Layout-Vorlagen gibt es die Klasse "mobile", mit Hilfe derer man das Design und Layout der Mobilversion des Blogs unabhängig von dem Design und Layout der Webversion per CSS ansprechen kann. In den Dynamischen Ansichten gibt es keine solche Klasse. Es wird unter der mobilen Adresse aber nur die mobile Version der Ansicht "Classic" angezeigt und zu ihr gibt es die Klasse "classic".

Inhalte in der Mobilversion anders anzeigen lassen

In der Webversion des Blogs ist es schade, wenn man die Breite des Blogs nicht ausnutzt, um Inhalte in Posts oder auf Seiten nebeneinander anzuzeigen, die nebeneinander stehend übersichtlicher sind. Auch Hover-Effekte können hier die Nutzbarkeit verbessern.

Auf Smartphones sind derlei Darstellungsformen jedoch ungeeignet.

Bilderverwaltung vom Blog aus über sein Googlekonto erreichen

Hier erfährt man, wie man, von der Blogger-Oberfläche seines Blogs aus, zum Googlekonto-Dashboard kommt und welche Links dort zu Picasa-Webalben und zu Google Fotos führen, den beiden Verwaltungsoberflächen für das Album mit den Bildern darin, die man in sein Blog hochgeladen hat.

Speicher für hochgeladene Bilder

Bilder, die man im Blog hochlädt (per "Bild einfügen" im Blogger-Editor oder im Gadget namens "Bild" oder im Header-Gadget oder im Design-Manager für den Blog-Hintergrund), landen in einem Album, das von Google automatisch speziell für das Blog angelegt wird und den gleichen Titel hat wie das Blog.

Hier erfährt man, wie man die Verwaltungsoberfläche des Albums erreichen und nutzen kann, wie man Bilder aus dem Album löschen und eine zeitlang wiederherstellen kann, welche Adressen die Bilder im Blog und auf den Verwaltungsoberflächen haben, welches Speicherlimit gilt und wie man Speicherplatz sparen, freimachen oder hinzu bekommen kann.

Vom Arbeiten früh morgens am Blog ist abzuraten

Immer wenn Blogger Änderungen hochlädt, tun sie das um 5 Uhr morgens (MEZ). Wenn man von kurz vorher bis kurz nachher am Blog arbeitet, erlebt man deshalb unter Umständen Unerklärliches. Dabei kann es sich um nur wenige Sekunden oder Minuten wirksame Effekte aus einem Hochlade-Zwischenschritt handeln. Das sofortige Reparieren eines auftretenden Fehlers sollte man deshalb unterlassen und lieber später nochmal nachschauen, ob der Fehler überhaupt noch besteht. Code, den man in dem Zeitraum getestet hatte, sollte man später erneut testen.

Abschnitt "navbar" unter "Layout" anzeigen lassen

Nicht-dynamische Vorlagen haben im HTML als obersten Abschnitt die Section mit der id "navbar", in der das Widget "Navbar1" steht. Normalerweise wird dieser Abschnitt auch unter "Layout" angezeigt und man kann darunter das Navbar-Widget bearbeiten, eine bestimmte farbliche Variante der Navbar wählen oder die Navbar auf "Aus" stellen.

In seltenen Fällen ist dieser Abschnitt unter "HTML bearbeiten" zwar vorhanden, fehlt jedoch unter "Layout". Ursache ist eine falsche Section-Zeile im HTML.

Im "navbar"-Abschnitt ein Feld zum "Gadget hinzufügen" ergänzen

Der Abschnitt "navbar" ist derjenige Abschnitt, der nicht auf die Blogbreite beschränkt ist, sondern über die gesamte Screenbreite geht. Unter "Layout" kann man im Abschnitt "navbar" (im Layout mancher Blogs steht "Navbar") standardmäßig kein Gadget direkt hinzufügen und man kann auch kein Gadget von woanders in diesen Bereich ziehen. Mit kleinen Änderungen in einer Zeile im HTML geht beides anschließend aber doch.

Navbar-Platzhalter in mobiler Layout-Vorlage entfernen

In Blogs, die eine Layout-Vorlage nutzen, ist neuerdings in der Mobilversion des Blogs ein Platz für die nicht vorhandene Navbar reserviert. Dadurch wird der Header des Blogs in Smartphones nun mit 30px mehr Abstand nach oben angezeigt.

Bedeutung der Überschriften im neuen Layout

Im Sommer 2015 hat das Layout Überschriften bekommen. Über jedem Bereich, in dem ein Gadget stehen kann, steht nun eine Überschrift. Welche Bedeutung die Überschriften haben, kann derzeit leider nicht generell beantwortet werden; denn je nachdem auf welchem Server ein Blog liegt, werden andere Überschriften angezeigt.

Farben des Cookie-Hinweises ändern

Seit Ende Juli 2015 weist Google in Europa auf den Einsatz von Cookies in Blogger-Blogs durch eine vorgeschaltete Einblendung hin. Am 05. August morgens (5 Uhr MEZ) hat Blogger das HTML und CSS dieser Einblendung nochmal geändert. Auf großen Screens stehen die Links jetzt rechts neben dem Hinweis-Text, bei schmalen Screens stehen sie unterhalb des Hinweis-Textes. Außerdem haben die Links nun keine separate Hintergrundfarbe und keine Rahmen mehr.

Hier ist das komplette Standard-CSS der zweiten Version der Einblendung notiert und ein Beispiel dazu, wie man zumindest die Farben der Einblendung ändern kann.

Inhalt des Cookie-Hinweises ändern

Auf der Blogger-Hilfe-Seite Cookies-Benachrichtigung in Ländern der Europäischen Union nennt Blogger leider nur andeutungsweise, wie man den Text und die Link-Titel und das Link-Ziel des Cookie-Hinweises ändern kann.

Hier findet man das komplette Gerüst des benötigten JavaScript-Codes und die Anleitung wie man ihn einträgt.

Einblendung des Cookie-Hinweises verhindern

Seit Juli 2015 hat Google eine Cookie-Hinweis-Einblendung für Blogger-Blogs installiert. Sie ist nun nicht mehr an die Navbar gebunden und wird daher nun auch dann angezeigt, wenn man keine Navbar aktiviert hat. Außerdem wird der Cookie-Hinweis nun auch in der mobilen Version des Blogs angezeigt und auch in den Dynamischen Ansichten.

Wenn man einen eigenen Cookie-Hinweis realisiert hat, stört die Cookie-Hinweis-Einblendung von Google jedoch.

Zweck und Wert des Cookie-Hinweises

Hier steht etwas über die Pflicht, das Einverständnis für das Setzen von Cookies einzuholen, wenn man welche setzen will. Und es steht hier etwas über die Möglichkeiten diese Pflichten zu erfüllen und die Unterstützung, die Blogger dafür bietet.

Kommentare: Anzeige von Profilbild-Platzhaltern unterdrücken

Ist ein Blogger-Profil nicht öffentlich oder beinhaltet es kein Profilbild, dann wird ein Platzhalter als Profilbild neben dem Kommentar angezeigt, wenn mit diesem Profil kommentiert wird.

Lightbox umgestalten

Die Lightbox ist das Anzeigefenster, das sich über das Blog legt, wenn man in einer nicht-dynamischen Vorlage ein Bild angeklickt hat, das man in das Blog hochgeladen hatte. Normalerweise hat die Lightbox einen teiltransparenten dunklen Hintergrund. Unten, in der Bildauswahlleiste ist der Hintergrund schwarz ohne Transparenz.

Einzelnen Post-Abschnitt per Klick einblenden und wieder ausblenden

Will man, einen bestimmten Post-Abschnitt erst angezeigen lassen, wenn darauf geklickt wird, kann man das mit jQuery, JavaScript, CSS und Div-Containern realisieren. Mit dieser Methode kann man z.B. eigene Übersetzungen oder zusätzliche Details für besonders Interessierte anhängen, ohne, dass die Übersichtlichkeit des Posts leidet. Man kann das selbstverständlich auch auf Seiten und in HTML-Gadgets nutzen, innerhalb von Posts kommt der Bedarf aber wohl häufiger vor.