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.

Hintergrundbild an Displaygröße anpassen

Wenn man ein zu kleines Bild als Hintergrundbild hochgeladen hat, das Bild aber über den ganzen Bildschirm angezeigt werden soll, kann man eine der folgenden beiden Lösungsmöglichkeiten anwenden:

1. Das Bild gegen eine größere Version tauschen, die man im Bildbearbeitungsprogramm erstellt.
2. Ein CSS-Kommando eingeben, welches das zu kleine Bild proportional stimmig an die Display-Größe anpasst.

Hier im Post wird Möglichkeit 2 beschrieben.

Benutzerdefinierte Mobilvorlage produziert doppelte Anzeige

Wenn man die Mobilvorlage der Dynamischen Ansichten auf "Benutzerdefiniert" stellt, ist der Effekt in Bezug auf das Design zwar prima, aber leider werden dann in der Mobilversion des Blogs alle Inhalte zweimal untereinander gestellt. Hat man sich durch die Startseite oder eine Labelseite gescrollt, beginnt sie darunter nochmal. Das gleiche gilt für Seiten.

Bei Drive den Code zum Einbetten einer Datei finden

Nutzt man die neue Drive-Oberfläche, dann kommt man so zum Iframe-Code:

Simple-dark ist nicht Travel

Das Miniaturbild der Variante "dark" der Vorlage "Simple" ist in der Vorlagenübersicht im Blog-Dashboard mit "Travel" beschriftet. Das kann irritieren.

Namen aller Vorlagen-Varianten

Blogger bietet 7 verschiedene Vorlagen in insgesamt 34 Varianten an. Jede Variante hat einen Namen. Hier sind die Varianten mit Bild und Name gelistet.

Vorlage TEKKA: Klassische Vorlage aktuell nutzbar

Die klassische Blogger-Vorlage TEKKA ist hübsch und kann auch derzeit hervorragend für Blogs genutzt werden, die keine Unmengen an Gadgets benötigen.

Vorlage Awesome - Variante Groovy: Ändern der Hintergrundfarbe des Date-Header

Die Farbe hinter dem Tagesdatum über den Posts kann man per CSS nicht ansehnlich ändern, wenn man nicht auch das Hintergrundbild austauscht, das dort wirksam ist.