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.

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.

Bei Drive den Code zum Einbetten einer Datei finden

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

trbidi-Eintrag stoppen

Wem das Programm automatisch in jeden neuen Post (oder Seite) oder jeden Post (oder Seite), den er bearbeitet, das folgende in das Post/Seiten-HTML einträgt:

<div dir="ltr" style="text-align: left;" trbidi="on">
</div>

bei dem ist die Transkriptionsfunktion aktiviert.

Seiten-Tabs zentrieren

Je nach Blog-Design und Anzahl der Seiten-Tabs kann es besser aussehen, wenn man die Seiten-Tabs zentriert. Das kann man per CSS realisieren.

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.

Gadget bei bestimmter Seite oder bestimmtem Post ausblenden

Man kann per CSS dafür sorgen, dass ein Gadget ausgeblendet wird, wenn eine bestimmte Seite oder ein bestimmter Post geöffnet ist.

Dazu muss man im Quelltext nachsehen, welche ID das Gadget hat, das ausgeblendet werden soll und dann in das HTML der entsprechenden Seite bzw. des entsprechenden Post unter den Inhalt ein Kommando nach folgendem Muster eintragen.

Gadget nur zusammen mit bestimmter Seite oder bestimmtem Post anzeigen

Will man ein Gadget nur dann anzeigen lassen, wenn eine bestimmte Seite oder ein bestimmter Post geöffnet ist, kann man das per CSS realisieren.

Dazu muss man das Gadget unter Layout hinzufügen, die ID des Gadget im Quelltext ausfindig machen und das Gadget im Vorlagendesigner mit einem Kommando unter CSS hinzufügen allgemein ausblenden, aber mit einem Kommando im HTML der gewünschten Seite bzw. des gewünschten Post verfügen, dass es angezeigt werden soll.

Dadurch, dass das Kommando auf der Seite bzw. in dem Post Vorrang hat, aber nur geladen wird, wenn die Seite bzw. der Post geöffnet ist, wird das Gadget nur dann angezeigt, wenn diese spezielle Seite bzw. dieser spezielle Post geöffnet ist.

Vorlage Fantastisch: Seiten-Tabs über mehrere Zeilen passend gestalten

Bei der Vorlage Fantastisch (Ethereal) passt die Gestaltung der Seiten-Tabs nur zu einer einzigen Tab-Zeile. Hat man so viele oder breite Tabs, dass man weitere Zeilen hat, dann sieht die Gestaltung seltsam aus.

Mit ein paar CSS-Kommandos, die man unter Vorlage > Anpassen > Erweitert > CSS hinzufügen einträgt, kann man das verschönern. Zwei Möglichkeiten werden hier vorgestellt.

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.

Seiten-Gadget

Das Gadget namens "Seiten", das man unter "Layout" hinzufügen kann und das in seinem Verwaltungsbereich "Seitenliste" genannt wird, ist eine komfortable Möglichkeit, um Seiten verlinkt anzuzeigen, die man unter "Seiten" erstellt und veröffentlicht hat.

Seiten

Seiten kann man unter "Seiten" erstellen und veröffentlichen. Ob man Links zu ihnen in einem Gadget anzeigen lässt oder sie nur in einem Post verlnkt, muss man danach entscheiden. Automatisch erscheinen erstellte und veröffentlichte Seiten im Blog nicht.

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.

Weiterleitung gelöschter Adressen auf neue

Löscht man einen Post, eine Seite oder ein Label oder benennt ihre Adressen um, dann sind bestehende Links, mit den nun nicht mehr existierenden Adressen, tot und ihre Aufrufe führen zu einer Fehlerseite, die sagt, dass sich unter der jeweiligen Adresse nichts befindet.

Bietet man zu dem jeweiligen Thema jedoch nach wie vor Inhalt an, nur halt unter neuer Adresse, ist es sinnvoll, den Aufruf der alten Adresse gleich auf die neue Adresse weiterzuleiten. So stellt man sicher, dass der Inhalt gelesen wird und die Besucher keinen getrübten Eindruck vom Blog bekommen.

Dynamische Ansichten: Bildschatten und Bildschrumpfung deaktivieren

Standardmäßig sind die Bilder in Posts und auf Seiten der Dynamischen Ansichten schattenartig umrahmt und geschrumpft. Dabei meine ich nicht die Verkleinerung, die man ggf. in der Auswahl-Zeile selbst angegeben hat. Es handelt sich vielmehr um eine automatische zusätzliche Schrumpfung, die standardmäßig von der Vorlage vorgenommen wird. Die Schatten wiederum sind ein Rahmen-Hintergrundbild.

Schatten und Verkleinerung kann man auf zwei verschiedene Arten deaktivieren:

1. Indem man das Rahmen-Hintergrundbild deaktiviert und die Rahmenbreite um das Bild sowie die Innabstände des Containers, in dem es steht, entfernt.
2. Indem man das Rahmen-Hintergrundbild und das Verkleinerungskommando deaktiviert, das nur dann nötig ist und wirkt, wenn die Bildrahmenbreite und Containerinnenabstände aktiv sind.

Fehler bei Seiten-Adressen beheben

Normalerweise sollten Seiten automatisch Adressen nach dem folgenden Muster erhalten:

http://blogadresse/p/seitentitel.html

Das mit dem Seiten-Titel klappt in letzter Zeit jedoch nicht immer.

Navigation innerhalb eines Post oder einer Seite

Unter den Dynamischen Ansichten kann das nicht genutzt werden.

Es gibt Themen, die man in einem einzigen Post /auf einer einzigen "Seite" abhandeln kann und die den Post/die "Seite" dabei nicht zu speichcherintensiv beladen. Dennoch kann so ein Post/eine Seite lang geraten und verschiedene Unterpunkte beinhalten. Dann macht eine Navigation innerhalb des Post/der Seite Sinn. Leser möchten vielleicht nur zu einem einzelnen Aspekt des Themas etwas erfahren und sich nicht durch alles durchscrollen. Eine Übersicht mit verlinkten Unterpunkten ist da Gold wert.

Dazu muss man im HTML-Modus des Blogger-Editors Anker setzen und dann diese Anker in der Übersicht verlinken. Anker sind Linkziele innerhalb eines Post/einer Seite. Klickt man auf einen Link, der zu einem Anker führt, dann springt die Ansicht auf diese Stelle des Post/der Seite.