<div class="separator" style="clear: both; text-align: center;"> <a href="http://goo.gl/JPJ2Q" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" src="http://goo.gl/JPJ2Q" /></a></div>Danach auf 'Verfassen' und es sieht so aus:
Und jetzt versucht um dieses Symbol herum einen Text zu schreiben, oder es in eine Textzeile zu verschieben oder was auch immer. Wenn überhaupt, ist das extrem fummelig und wehe es kommt ein Umbruch in die bereits fertige Zeile - dann ist alles wieder verschoben. Ergebnis: Schreikrampf!
Die Lösung:
Das eigentliche Hindernis ist der <div> Container, in den Bilder standardmässig vom Blogger-Editor gepackt werden. Die Lösung ist so simpel wie schlicht: Weg mit dem Container! Vereinfacht den Bild-Code aus obigen Beispiel so:
<img border="0" src="http://goo.gl/JPJ2Q" />Wer das a-Element zum verlinken braucht:
<a href="http://goo.gl/JPJ2Q" imageanchor="1"><img border="0" src="http://goo.gl/JPJ2Q" /></a>Eh voilà, ab jetzt lässt sich das Bild
Mission Accomplished!