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.

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.

Bilder nebeneinander ziehen (br)

Bilder stehen üblicherweise stets einzeln in einer Zeile. Mithilfe des Bild-Menüs kann man Bilder ohne Bildunterschrift auch nicht nebeneinander in eine Zeile befördern. Man kann sie aber nebeneinander ziehen. Das geht überhaupt nur mit Bildern ohne Bildunterschrift.

In diesem Post beschreibe und dokumentiere ich, wie man in Blogs, in denen die Editor-Einstellung "Zeilenumbrüche per br-Tag" aktiviert ist, Bilder, die keine Bildunterschrift haben, ausschließlich durch Arbeiten im Verfassen-Modus des Blogger-Editors nebeneinander stellen und als Gruppe oder innerhalb einer Zeile ausrichten kann. Das Nebeneinandestellen geht per Nebeneinanderziehen, das alternative Ausrichten einer Gruppe geht danach per Ausrichtungs-Button in der Editor-Kommandozeile und das unterschiedliche Ausrichten von Bildern innerhalb einer Zeile geht per Bild-Menü-Balken.

Bilder nebeneinander ziehen (Eingabe)

Bilder stehen üblicherweise stets einzeln in einer Zeile. Mithilfe des Bild-Menü-Balkens kann man Bilder ohne Bildunterschrift auch nicht nebeneinander in eine Zeile befördern. Man kann sie aber nebeneinander ziehen. Das geht überhaupt nur mit Bildern ohne Bildunterschrift.

In diesem Post beschreibe und dokumentiere ich, wie man in Blogs, in denen die Editor-Einstellung "Zeilenumbrüche per Eingabe" aktiviert ist, Bilder, die keine Bildunterschrift haben, ausschließlich durch Arbeiten im Verfassen-Modus des Blogger-Editors nebeneinander stellen und als Gruppe oder innerhalb einer Zeile ausrichten kann. Das Nebeneinandestellen geht per Nebeneinanderziehen, das alternative Ausrichten einer Gruppe geht danach per Ausrichtungs-Button in der Editor-Kommandozeile und das unterschiedliche Ausrichten von Bildern innerhalb einer Zeile geht per Bild-Menü-Balken.

Codes von Bildern mit und ohne Bildunterschrift

Die Codes von Bildern ohne Bildunterschrift sind entschieden anders als Codes von Bildern mit Bildunterschrift. Deshalb kann man nur Bilder der einen oder der anderen Sorte problemlos nebeneinander stellen. Gemischt können sie nicht so gut und leicht (nicht per Ziehen, nicht mittig, nicht auf exakt gleiche Höhe) nebeneinander gestellt werden. Man kann aber "Bildunterschrift" aktivieren und das Eintragsfeld leer lassen, dann kann man auch ein Bild ohne Text darunter neben eines mit Text darunter stellen.

Bilder nebeneinander per DIV-entfernen (br)

Worauf sich diese Anleitung bezieht

Die hiesige Anleitung bezieht sich ausschließlich auf Blogs, in denen im Editor unter Post-Einstellungen > Optionen > " <br>-Tag verwenden" für Zeilenumbrüche aktiviert ist. Eine Anleitung für den Fall, dass man die Einstellung "Drücken Sie Eingabe für Zeilenumbrüche " in seinem Blog eingestellt hat, findet man dort: http://sg.utez.de/2013/06/bilder-nebeneinander-per-div-entfernen-eingabe.html Web | Mobil

Bilder nebeneinander per DIV-Entfernen (Eingabe)

Worauf sich diese Anleitung bezieht

Die hiesige Anleitung bezieht sich ausschließlich auf Blogs, in denen im Editor unter Post-Einstellungen > Optionen > "Drücken Sie Eingabe für Zeilenumbrüche" aktiviert ist. Eine Anleitung für den Fall, dass man die Einstellung "<br>-Tag verwenden " in seinem Blog eingestellt hat, findet man dort: http://sg.utez.de/2013/06/bilder-nebeneinander-per-div-entfernen-br.html

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: