Bilder nebeneinander anordnen HTML - Blogger Blog

So kannst Du auf deinem Blog einfach per HTML Tabelle die Bilder nebeneinander anordnen.


Neulich stand ich vor der Frage: Wie ich Bilder in meinem Blog nebeneinander angeordnet bekomme? Standardmäßig ist es bei Blogger.com so, dass Fotos nur untereinander oder rechts und links vom Text einzufügen sind. Mit ein wenig HTML zu Fuß habe ich dann eine Tabelle erstellt, die es mir ermöglicht, die Bilder geordnet, nebeneinander in dem Beitrag einzufügen. Im folgenden siehst Du ein Beispiel, wie es funktioniert:


So sieht es aus, wenn die Bilder normal im Blog hochgeladen werden





Bilder in der Tabelle nebeneinander und untereinander anordnen:
Bild 1 Bild 2
Bilder nebeneinander im Blog HTML Tabelle Bild 1 Bilder nebeneinander im Blog HTML Tabelle Bild 2
Bild 3 Lückenfüller
Bilder nebeneinander im Blog HTML Tabelle Bild 3 Bilder nebeneinander im Blogspot Blog, Lückenfüller

Es ist vielleicht ein etwas umständlicher Weg, aber es funktioniert: 

Anleitung:
Lade zuerst die Bilder ganz normal bei Blogger hoch (so wie ich es mit den Bildern oben, untereinander getan habe). Denn Du benötigst im nächsten Schritt die jeweilgen Bild URLs. 


Kopiere den folgenden HTML Code.


Jetzt gehst Du in die HTML Ansicht Deines Blogbeitrages in der Blogspot Administration.
Füge den kopierten Code unter die jetzt vorhandenen HTML Informationen ein.

Nun nimmst Du Dir jedes Bild der Reihe nach vor und setzt die Bild URL (auf dem Bild gelb markiert) an die entsprechende Stelle im Tabellen-Code.


Jetzt sind die Bilder unter- und nebeneinander in der Tabelle eingestellt. Nun kannst Du die am Anfang hochgeladenen Bilder wieder löschen und es bleibt nur noch die saubere Bildübersicht in Deinem Beitrag übrig. 
Hier noch ein kleiner Hinweis, wie man die Bilder im Blog für Suchmaschinen optmieren kann.



1 Kommentar:

  1. Hey!

    Toller kleiner Beitrag. Durch dein Beispiel mit den Bildern versteht man auch direkt was gemeint ist. Wer mehr über die SEO Methode erfahren möchte, der kann in unserem neuen Eintrag mit 128 SEO-Tipps weiter in das Thema eintauchen. Feedback ist gerne erwünscht.

    AntwortenLöschen