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.

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.

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.

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.

Bilder ohne Bildunterschrift automatisch auf Postbreite skalieren

Mit Hilfe eines CSS-Kommandos kann man dafür sorgen, dass alle Bilder, die man in einem Post oder einer Seite hochlädt, auf Post-Breite skaliert angezeigt werden.

Ich nenne hier Kommandos für Layout-Vorlagen und für Dynamische Ansichten, die bei Bildern ohne Bildunterschrift erfolgreich sind und auch in der Mobilversion des Blogs passend angezeigt werden.

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.

Vorschaubild zum YouTube-Video ermöglichen oder verhindern

In den Startseite-Ansichten Flipcard, Magazine, Mosaic, Sidebar und Snapshot sowie unter Timeslide auch im aktuellsten Post wird in der Regel ein Vorschaubild (Thumbnail) angezeigt, wenn in einem Post ein YouTube-Video eingebettet ist.

Beim Beschaffen des Code zum Einbetten, darf man aber den "Erweiterten Datenschutzmodus" nicht aktivieren (!), wenn man ein Vorschaubild wünscht; denn sonst wird eine src-Adresse in den Code geschrieben, die eine Thumbnail-Anzeige nicht unterstützt, weshalb die Vorschau dann kein Bild, sondern den Post-Titel anzeigt.

Welche Bilder für Feed genutzt werden

Bild-Feed kommt beispielsweise grundsätzlich bei den Dynamischen Ansichten auf den Startseiten von Flipcard, Magazine, Mosaic, Sidebar, Snapshot, Timeslide zum Einsatz.

Aber nicht jede Art von Bildadresse wird vom Programm geladen.

Zwei Bilder mit einer gemeinsamen Bildunterschrift

Dies ist eine gemeinsame Bildunterschrift

Um das oben stehende Ergebnis zu erhalten, muss man erst beide Bilder im Verfassen-Modus des Editors hochladen und dann jeweils einzeln in Bildtabellen umwandeln, indem man nacheinander auf die Bilder klickt und im Bildmenübalken, der sich dann zeigt, jeweils auf "Bildunterschrift hinzufügen" klickt. Das Zwischenergebnis sieht danach wie folgt aus:

Googles Bild-Optimierung je nach Dateityp

Ist die automatische Bild-Optimierung nicht über Google+ abgestellt worden, kann man dennoch ein wenig lenken, ob oder wie sehr ein hochgeladenes Bild optimiert wird.

Die Wahl des Bild-Dateityps, den man hochlädt, kann eine Bildverschlechterung verhindern oder eine Farbänderung gezielt herbeiführen.

Anonymes Google+ Profil einrichten, um die Bildoptimierung zu deaktivieren

Wer ein anonymes Googlekonto hat, unter dem er seinen Echtnamen aus der Öffentlichkeit raus hält und mit dem er ein nicht-öffentliches Blog betreibt oder an solchen Blogs teilnimmt, der hat das Problem, dass hochgeladene Bilder gelegentlich zu ihrem Nachteil optimiert werden und er das nicht über Picasa -Webalben abstellen kann, sondern nur über Google+ abschalten könnte.

Bilder mit Bildunterschrift zentriert nebeneinander stellen

Ein Bild mit einer Bildunterschrift steht in einer Tabelle. Die Tabelle besteht aus zwei Zeilen mit je einer Zelle darin.

Man kann mehrere direkt aufeinander folgende Bild-Tabellen zwar ganz bequem per Klick im Bildmenübalken links oder rechts ausgerichtet nebeneinander stellen, jedoch nicht zentriert.

Um die Bilder zentriert nebeneinander zu stellen, muss man aus den vielen Tabellen eine einzige machen. Dazu muss man im HTML-Modus des Ediors die Bild-Codes etwas umsortieren und, was man nicht braucht, löschen.

Bilder nebeneinander stellen - schnellste Methode

Wenn man die Bilder, die man ohne Bldunterschrift nebeneinander stellen will, gleichzeitig im HTML-Modus des Blogger-Editors hochlädt und als Bildausrichtung "Keine" wählt, dann stehen die Bilder automatisch nebeneinander.

Bilder auf gewünschte Bild-Breite skalieren

Mit dem Bildmenübalken kann man alternativ zur Originalgröße feste Bild-Seitenlängen wählen. (Klein: 200px, Mittel: 320px, Groß: 400px, X-Large: 640px) Ob die Höhe diesen Wert bekommt oder die Breite, hängt davon ab, welche Seite des Originalbildes die längere ist. Die jeweils andere Seite wird daran proportional angepasst. Um mit dem Bildmenübalken eine bestimmte Bildbreite zu erzeugen, müsste das Bild also breiter als hoch sein.

Will man Bilder, unabhängig davon, welche Seite der verschiedenen Originalbilder die jeweils längere ist, in einer bestimmten Breite anzeigen und daran die Bild-Höhen proportional anpassen, kann man das per CSS bzw. per Style realisieren. So kann man beispielsweise eine feste Anzahl von kleinen unterschiedlich proportionierten Bildern nebeneinander in eine Zeile stellen oder einzelne Bilder exakt in der Postbreite anzeigen lassen, egal wie sie proportioniert sind. Und das ohne viel Aufwand.

Snapshot-Karten: Rahmen- und Schatten-Farben ändern

Die Snapshot-Karten haben Rahmen um die Bilder und Schatten um die Karten. Will man die Farben an sein sonstiges Design anpassen, kann man das per "CSS hinzufügen" kommandieren. Bei der Gelegenheit kann man auch weitere Effekte ergänzen, wie etwa runde Ecken um die Bilder und nach innen gerichteten Schatten.

(Dynamische Ansichten:) Bilder mit Skaliereffekt

In den Dynamischen Ansichten fehlt die Lightbox für Bilder. Will man Bilder komfortabel innerhalb von Posts präsentieren, braucht man deshalb eine eigene Lösung. Eine Möglichkeit ist es, mittels Kommandos unter Vorlage > Anpassen > Erweitert > "CSS hinzufügen" oder innerhalb von Style-Klammern im jeweiligen Post, dafür zu sorgen, dass Bilder größer skaliert werden, wenn man mit der Maus darüber fährt.

Clematis

Dadurch bekommt man blitzschnell einen besseren Eindruck vom Gehalt des Bildes. Will man es in Originalgröße sehen, kann man es immer noch anklicken. Damit es nach dem Anklicken in einem anderen Tab/Fenster angezeigt wird, ergänzt man im Link-Code target="_blank" (unten grün markiert zu sehen).

Bilder schnell und korrekt nebeneinander stellen

Unterschiede

Bilder ohne Bildunterschrift und Bilder mit Bildunterschrift haben unterschiedliche Codes. Sie können deshalb gemischt nicht so gut und leicht (nicht per Ziehen, nicht mittig, nicht auf exakt gleicher Höhe) nebeneinander gestellt werden. Man kann die beiden Sorten aber hervorragend getrennt voneinander nebeneinander stellen. Außerdem kann man "Bildunterschrift" aktivieren, aber nichts eintragen, dann kann man auch ein Bild neben solche mit Bildunterschrift stellen, unter das man gar nichts schreiben will.

Verändertes Bild im Blog entdeckt?

Seit Mai 2013 wird bei Picasaweb eine automatische Bildoptimierung eingesetzt. Da alle Bilder, die man in's Blog hochlädt, dabei in Wahrheit in ein Picasaweb-Album hochgeladen und mit der dortigen Adresse im Blog eingebunden und verlinkt werden, sind Bilder im Blog von der Optimierung betroffen.

Leider verbessert das Programm Bilder nicht nur, sondern verschlechtert manche auch.