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.

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.

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.

Die ID eines Gadget im Quelltext finden

Was der Quelltext ist

Der Quelltext ist der Code, der den Browsern zur Verfügung gestellt wird, damit sie wissen, wie sie die jeweiligen Webseiten der Blogs darstellen sollen. Der Quelltext ist nicht das selbe wie das, was unter "HTML bearbeiten" steht, sondern das, was aus den Kommandos resultiert, die unter "HTML bearbeiten" stehen.

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.

Image-Gadget: Titel ausblenden

Seit dem 17.09.2013 muss man im Image-Gadget einen Titel eintragen, sonst kann man das Gadget nicht speichern. Für das freie Gestalten der Sidebar ist das sehr störend. Da die Änderung offenbar nicht zurück genommen wird, notiere ich hier, was man tun kann, damit über einem bestimmten Image-Gadget oder sämtlichen Image-Gadgets kein Titel erscheint.

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.

Nach-oben-Link ohne Script

Der Nach-oben-Link, den ich hier beschreibe, ist ein Link, der an die aktive Adresse ein Doppelkreuz anhängt und deshalb dafür sorgt, dass an den Anfang der gleichen Seite gesprungen wird. Der Link funktioniert ohne Script und nützt deshalb auch den Lesern, die Scripts in ihrem Browser nicht zulassen.

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.

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.

Gadget "Wochenschau" verhindert Erfolg der Einstellung "Benutzerdefiniert" für Mobil-Vorlage

Als Ursache dafür, dass ich die Mobil-Version des hiesigen Blogs bislang nicht erfolgreich auf "Benutzerdefiniert" umstellen konnte, habe ich (mit Hilfe meines Testblogs) das Gadget "Wochenschau" (Google-News) ausfindig machen können.

Ersatz für das defekte Suchfeld-Gadget

Derzeit funktioniert das Suche-Gadget nicht, das man über Layout > Gadget hinzufügen > Suchfeld seinem Blog hinzufügen kann. Bei einigen funktioniert das schon ewig nicht mehr und bei anderen ist das erst in letzter Zeit der Fall. Blogger hat zwar auf seiner Aufgabenliste, das zu reparieren, aber das kann dauern.

In der Zwischenzeit sollte man das Gadget besser rausnehmen; denn standardmäßig 0 Suchergebnisse angezeigt zu bekommen, obwohl es zu dem Suchbegriff Ergebnisse geben müsste, ist nicht nur nicht hilfreich, sondern eine Falschauskunft. Um gelegentlich kontrollieren zu können, ob das Gadget mittlerweile wieder funktioniert, kann man es in einem Testblog stehen lassen.

Funktionierenden Ersatz gibt es genug.

Subscribe-Gadget darf man jetzt selbst hinzufügen

Das Subscribe-Gadget befand sich bis vor Kurzem automatisch im Gadget-Dock und war nicht löschbar. Kürzlich verschwand es plötzlich.

Jetzt darf man es über "Layout" selbst hinzufügen, wenn man das will und kann es auch wieder löschen. Das Gadget heißt im Deutschen "Abonnement-Links".

Will man das Gadget "Per E-Mail folgen" anzeigen lassen, benötigt man auch das Gadget "Abonnement-Links"; denn es wird darin eingebettet angezeigt.

Wer das Subscribe-Gadget bisher mit einem CSS-Kommando ausgeblendet hatte, weil es nicht löschbar war, der kann und muss das Kommando jetzt rausnehmen. Es wird sonst das unterste Gadget nicht angezeigt.

So funktioniert das Gadget "Per Email folgen"

Das Gadget "Per E-Mail folgen" (Follow by Email) bietet die Möglichkeit, neue Posts eines öffentlichen Blogs einmal am Tag per Email zugeschickt zu bekommen.

Label

Label = Etikett, Kategorie

Mit Hilfe von Labels kann man bei Blogger Posts sortieren und Kategorisierungen realisieren.

HTML-Gadget das bessere "CSS hinzufügen"

Nutzt man ein HTML-Gadget und setzt in das Inhaltsfeld zwischen Style-Klammern seine CSS-Kommandos für das Blog, dann wirken zumindest die Kommandos für die Webversion des Blogs genauso, wie wenn man sie im Vorlagendesigner unter "CSS hinzufügen" eingetragen hätte.