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.

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.

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.

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.

Einzelnen Post-Hintergrund individuell färben

In diesem Post gibt es zwei Hintergründe, die vom normalen Post-Hintergrund abweichen, zum einen den äußeren Post-Hintergrund (post-outer) und zum anderen den inneren Post-Hintergrund (post-body).

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.

Print-Friendly-Button im Blogspot-Blog hinzufügen

Print Friendly bietet Script-Code für einen Button, über den man den Inhalt eines Post oder einer Seite druckerfreundlich ausdrucken oder als PDF speichern kann.

Ein Gadget irgendwo nicht oder nur dort anzeigen lassen

Neben den bereits beschriebenen Möglichkeiten, die CSS für das differenzierte Ausblenden von Gadgets bietet, gibt es die Möglichkeit, das Einblenden und Ausblenden von Gadgets in Layout-Vorlagen über das Blog-HTML festzulegen. Über das HTML kann man vorgeben, ob ein Gadget nur auf einer bestimmten Seite oder nur auf einer bestimmten Seiten-Gruppe angezeigt werden soll oder ob es nur dort nicht angezeigt werden soll. Zu diesem Zweck setzt man ein Bedingungs-Tag in den Gadget-Code.

Style-Änderung unter "HTML bearbeiten" verhindert Einstellung "Benutzerdefiniert" für Mobil-Vorlage

Das Ändern und Ergänzen von Style-Kommandos der Vorlage des Blogs direkt über "HTML bearbeiten" verursacht eine Blockierung der Möglichkeit, die Mobilvorlage des Blogs erfolgreich auf "Benutzerdefiniert" zu stellen bzw. in dieser Einstellung zu halten. Man kann dann seine Mobilvorlage nicht mehr gestalten, sondern sich nur noch eine der fertigen Vorlagen aussuchen und muss diese so nehmen, wie sie ist.

Man kann die Style-Kommandos aber, ohne Nachteil für eine benutzerdefinierte Mobilvorlage, über "CSS hinzufügen" ändern und ergänzen. Kommandos, die man darüber einträgt, haben Vorrang gegenüber den Standardeinträgen im HTML, überschreiben diese aber nicht.

Vorlage Wasserzeichen: Tabs rechts außen klickbar machen

In der Vorlage Wasserzeichen (Watermark) liegt rechts außen ein transparentes oder gar unsichtbares Feld als eine Schicht auf dem Tabbereich. Je nach Tableistenbreite einerseits und Bildschirmbreite andererseits kann es dazu kommen, dass dieses Feld die letzten Tabs bedeckt und verhindert, dass diese angeklickt werden können. Das ist eine - seit ewigen Zeiten - bekannte Fehlkonstruktion der Vorlage, die bisher jedoch nicht korrigiert wurde. Man kann das per CSS aber selbst korrigieren.

Wenn Einstellungen unter Blogposts nichts bewirken

Das Widget, das unter "Layout" und in den Blogger-Hilfeseiten "Blogposts" heißt und im HTML "Blog1", hängt sich zuweilen auf. Die Änderung von Einstellungen dort bewirkt dann nichts.

Also z.B., ob im Post-Footer Labels angezeigt werden sollen oder nicht oder in welcher Zeile des Post-Footer sie angezeigt werden sollen, kann man dann zwar im Widget ändern, aber die Änderung wirkt sich dann nicht auf das Blog aus.

Kontaktformular aus Gadget raus in eine Seite setzen

Blogger bietet unter Layout > "Gadget hinzufügen" > "Weitere Gadgets" seit einiger Zeit ein Kontaktformular-Gadget an. Das Gadget wird standardmäßig an einer der üblichen Orte für Gadgets angezeigt, also in jeder Blogansicht. Da nimmt es viel Platz ein. Wer den nicht dafür hergeben will, sondern das Formular lieber eingebettet in einer "Seite" stehen hätte und nur ein Wort, wie etwa "Kontakt", verlinken möchte, der kann das tun.

Blende auf linke Hälfte der Navbar legen

Während man die rechte Hälfte der Navbar für An- und Abmeldung und schnellen Zugriff auf Admin- oder Autorenbereiche vom Blog aus gut gebrauchen kann, weil das eine komfortable Ergänzung zur Zugriffsmöglichkeit über das Dashboard ist und auch die dort angezeigte Mailadresse einem zweifelsfrei zeigt, in welchem Googlkonto man gerade angemeldet ist, kann man nach meinem Geschmack von der linken Hälfte der Navbar jedoch nur den Link zu Blogger und das Suchfeld gebrauchen. Was von der Navbar angezeigt werden soll und was nicht, kann man sich im Gadget selbst aber leider nicht aussuchen. Von dort aus kann man die Navbar nur komplett einblenden oder komplett ausblenden.

Man kann aber eine Blende mit oder ohne Inhalt auf die linke Hälfte der Navbar legen. Auch nur auf einen Teil der linken Hälfte, wie beispielsweise dort:

Navbar nur dem Admin anzeigen

Standardmäßig kann man die Navbar in seinem Blog anzeigen lassen oder nicht.

So sucht man unter dem neuen "HTML bearbeiten" richtig

Vor-Info: Falls das HTML-Feld leer sein sollte, hilft es in der Regel, oben links auf "Zurück" zu klicken und dann erneut auf "HTML bearbeiten", damit der HTML-Code dann im Feld angezeigt wird.

Seit April 2013 hat Blogger unter "HTML bearbeiten" ein neues Layout.

Die Suche per Browser funktioniert beim neuen "HTML bearbeiten" nicht mehr. Zwischen der Browsersuche und dem HTML-Feld besteht keine Verbindung, weshalb die Browser-Suchfunktion nichts finden kann, was sich darin befindet.

Blogger hat jetzt aber ein eigenes Suchfeld in das HTML-Fenster integriert. Wie man das aufruft und korrekt bedient, beschreibe ich im Folgenden:

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.

Anzahl der Kommentare anzeigen lassen

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.

Darum geht's

Die Anzahl der Kommentare wird seit Langem standardmäßig nicht mehr angezeigt. Indem man das verantwortliche Kommando unter "HTML bearbeiten" gegen ein anderes austauscht, kann man die Anzahl der Kommentare (wieder) anzeigen lassen.

Ich beschreibe hier, welche Stellen man austauschen muss, wie man sie findet und verlinke die Seite, die den Code, den man statt dessen eintragen muss, bereitstellt. Ich erkläre außerdem, wie man die Änderung später wieder rückgängig machen kann, wenn man das will.

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.