basics, Tipps & Tutorials

Bilder verlinken

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:

19 Comments

  1. LakeMaster

    1. February 2011 at 19:47

    ich habe euch heute einen award verliehen, da ich echt schon viele hilfreiche tips bei euch gelesen habe…

    http://lakemaster.blogspot.com

  2. Guilitta

    2. February 2011 at 11:02

    Ist jas ganz gut und schön, aber mir fehlt da etwas: Warum sollte ich das in html machen?? Was ist der Vorteil?? Was erreiche ich damit das ich es in html verlinke, was ist besser, was ist schlechter??

    Oder soll ich einfach nur den umständlicheren Weg gehen??

    Gruß Guilitta

  3. mira

    2. February 2011 at 12:13

    Guilitta, wenn du Bilder verlinken möchtest, das heißt, wenn du auf das Bild drückst kommst du dann auf eine bestimmte Seite, dann macht man das so. Man muss das per Html machen, da Blogger das anders nicht anbietet.

    lg

  4. snoWhite

    2. February 2011 at 13:10

    Ganz Ganz Toll! Danke 😀

    Ich hätte da eine Frage und zwar wollte ich fragen wie man bei blogspot die Seiten (ich habe meinen Blog eingeteilt.. also Home – Facebook usw) mit einer anderen Seite verlinken kann. das habe ich bei Blonde Salad zum Beispiel gesehen, wenn man oben auf der Seite Facebook klickt ist man sofort auf der FB-Seite.. wie geht das? würde mich riesig über eine Antwort freuen.. evtl. auch per email? 🙂
    (blogspot1@hotmail.de)

    Danke im Voraus!
    Steffi*

  5. Anonym

    2. February 2011 at 19:10

    Ich finde eure tipps wirklich super!!!
    mercii das es euch gibt!!xDD
    würde mich freuen wenn ihr euch auch mal meinen blog anschaut!!
    LG
    wwwwithlove-marie.blogspot.com

  6. Elster

    3. February 2011 at 18:20

    bitte die frage von snoWhite
    hier beantworten würde mich auch intresieren
    Lg Elster

  7. mira

    3. February 2011 at 19:02

    elster, ich habe ihr das hier geschrieben:

    das mit den Seiten da oben ist eine Menüleiste, wenn du das dann so machst wie im besagten Blog, dann musst du das ganze Menü komplett mit HTML aufbauen. Ist etwas kompliziert(er) und es ist sehr viel HTML-Kram, wird wahrscheinlich dann Inhji machen, weil er sich damit besser auskennt und auch besser erklären kann, sobald er wieder da ist, sag ich ihm das und dann macht vielleicht gleich ein Tut.

    Ist im Prinzip einfach, aber es ist so eine doofe Fusselarbeit, sodass wenn man ausversehen etwas falsch setzt, alles kaputt geht. außerdem müsste man dafür auf jeden fall grundkenntnisse im bereich html haben.

    Lg Mira

  8. Anonym

    4. February 2011 at 20:50

    Witzig 😀 Ich wollte eben dasselbe fragen ♥
    Bitte, bitte, erklärt es uns Dusseln 😀

  9. Anonym

    5. February 2011 at 10:54

    Ich finde eure Seite richtig super. Danke für die Tipps, als Blogeinsteiger ist das super hilfreich. Danke

  10. Linaaa

    5. February 2011 at 19:56

    Eure Seite ist total hilfreich!
    Ohne eure Tips wäre ich mit meinem Blog nur halb so zufrieden wie jetzt.

    Ich fänds echt toll, wenn ihr ihn euch mal anschaut, macht weiter so!

    http://ballerinabun.blogspot.com/

  11. Toni

    7. February 2011 at 20:00

    euer Blog ist echt klasse!!!

    was mich jedoch echt noch interessiert ist, wie man den Blog, also die Posts+gadgets auf die Breite der ganzen Seite ausdehnen kann, wie zb. bei dem HIER

    wär toll, wenn ihr das mal erklären könntet,

    lg

  12. Anonym

    21. June 2011 at 18:11

    Wow, das geht ja total einfach!
    Tolle Seite, hat mir schon so oft weitergeholfen, auch wenn's nur so kleine Sachen waren 🙂

  13. juliaa

    21. August 2011 at 17:20

    geht das auch bei den bildern die man als gadget eingefügt hat?

  14. mira

    21. August 2011 at 17:21

    juliaa: das geht überall, wo du html anwenden kannst 😉

  15. Anonym

    5. January 2012 at 14:54

    Da ich oft selber das problem kenne mit html und css 😉
    hab ich ein eigenen blog http://myblog4web.blogspot.com/
    "Webprogrammierung für Anfänger" von Gino HereIam, bei ich die grundlagen von html und css präsentiere 🙂
    über konstruktive kritik würde ich mich sehr freuen 🙂
    Gino HereIam

  16. schneeflocke

    22. February 2012 at 12:08

    juhuu.. es klappt! ich liebe euch 🙂

  17. Marissa

    4. May 2012 at 18:49

    gibt es ein tutorial dafür dass wenn man bilder mit der maus "berührt" heller werden?

Leave a Reply to Linaaa Cancel