Bilder verlinken (EDIT) ♥♥


Ich zeige hier ein bisschen HTML-Grundwissen und gleich dazu, wie man Bilder verlinkt :3

EDIT: Ganz unten ist eine weitere Erklärung!




Verlinken allgemein

Wie man Links einfügt, wisst ihr ja schon :) Genauso funktioniert das auch mit Bilder:

<a href="URL"> ist das erste Verlinkungsbaustein. Es zeigt, wo der Link anfängt.
</a> ist das zweite Verlinkungsbaustein. Es zeigt, wo der Link aufhört.
Das müsstet ihr ja schon wissen.

Das Baustein für das Bild sieht so aus:

<img src="BildURL">


Jetzt fügt man das alles zusammen, sodass ihr auch ein Bild verlinkt:

<a href="URL"><img src="BildURL"></a>
Das ist hoffentlich verständlich, warum das so aussehen
muss, oder? :) Wenn nicht, fragt einfach noch einmal nach!




Okay, und wie sieht es nun bei Blogger aus?

Fügt wie gewohnt euer Bild ein und wechselt dann auf HTML bearbeiten:



Hier habe ich euch das Bildbaustein markiert. Da ist auch die Bild-URL drin.



Und hier seht ihr das erste Verlinkungsbaustein. Sie verweist normalerweise auf die Seite, wo das Bild komplett angezeigt wird. Das ändert ihr einfach, indem ihr den Link ersetzt! Lasst euch von den ganzen anderen Kram nicht irritieren, dass braucht euch gar nicht zu stören :)




EDIT (Stand vom 16.6.2011)

Blogger hat es uns nun einfacher gemacht und es ist auch ganz einfach zu machen! Ihr fügt das Bild wie gewohnt ein und klickt einmal auf das Bild, danach auf Link um den eigentlichen Link zu entfernen und danach noch mal auf das Bild, dann wieder auf Link und dann den Link einfügen: