(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.

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