Wir alle reagieren auf Bilder mehr als auf geschriebenen Text. Und wenn wir schon einen Link in einen BlogPost eingefügt haben, wollen wir doch auch, dass er angeklickt wird.
Es wäre also schön, wenn man als Autor ein Bild, dass man in einen BlogPost eingefügt hat, selbst verlinken könnte.
Blogger verlinkt tatsächlich jedes Image, dass man über die Funktion "Bild einfügen" eingefügt hat, mit der Bildquelle. Das ist manchmal ja auch hilfreich. Vielleicht will man das Image einfach größer sehen.
Diese Tatsache, dass Blogger immer automatisch verlinkt, können wir nutzen, in dem wir einfach beim Quelltext die Linkadresse, die zum Bild führt, durch eine beliebige URL zu ersetzen. Beispiel: Sie bilden ein Produkt ab und verlinken auf das Produkt in einem Online Shop.
Wir können zwar auf zwei Weisen ein Bild einfügen. Aber nur bei der unten beschriebenen Variante 2 - nämlich das Hochladen eines Bildes von der Festplatte - können Sie das Bild einigermaßen einfach so verlinken, dass beim Klick auf das Bild zu einer Ziel-URL weitergeleitet wird.
Vorab sei kurz die Variante 1 erklärt - nennen wir es ein Bild oder Grafik über Kopieren und Einfügen oder "copy & paste" in den Post-Text einfügen:
Sie kopieren eine Grafik in den Windows Zwischenspeicher.
Wenn Sie eine Grafik/Bild in einem Bildbearbeitungsprogramm geöffnet
haben, haben Sie in der Regel die Möglichkeit mit einem Auswahl-Werkzeug
ein Bild oder Teile eines Bildes auszuwählen und dann mit entweder
Strg+c oder rechte Maustaste dann "Kopieren" in den Windows
Zwischenspeicher zu übernehmen. Im Text Ihres Blogposts können Sie dann
an der Cursorposition mit Strg+v oder rechte Maustaste dann "Einfügen"
die Grafik, das Bild einfügen. Die Grafik erscheint dann in Ihrem
Texteditor. Wenn Sie auf die Grafik klicken erscheint noch eine
Unterzeile, wo Sie die Größe und Position im Text bestimmen können.
Bei Variante 2 ist es wichtig, dass Sie die Grafik oder das Bild bereits auf Ihrer Festplatte gespeichert haben. Bewegen Sie den Cursor im Text an die Stelle, wo das Bild eingefügt werden soll.
Bild 1
Dann klicken Sie bitte auf das Bildsymbol in der Blogger Menueleiste
(Bild 1 roter Kreis). Es geht ein Fenster auf (Bild 2), in dem Sie die Bilddatei
auswählen können. Mit "Ausgewählte hinzufügen" schließe ich den Vorgang
ab.
Bild 2
In meinem Fall möchte ich mein Foto, in das ich vorher mit einer Bildbearbearbtungssoftware (z.B. Paint) meinen XingButton grafisch eingebaut habe, mit meinem Xing Profil verlinken.
Das sieht dann so aus (Bild 3)....
Bild 3
Der entprechende HTML-Code (Quelltext) sieht dann so aus (Bild 4) - aber bitte nicht erschrecken, wir müssen nur die entsprechende Textstelle finden und ersetzen.
Bild 4 (Zum Vergrößern auf die Grafik klicken)
Hier die Stelle, die wir suchen:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYzRONRMCxZOedjDliBc7y8TqhSAW8JzGDey1_maa8QOWJs6s4TGh2ZqW4qhBR-jRgySHhhAkYaTlG3T6ni4VkI8JFbnGk7u0-fGXoUvJT0oraXrZGQU5ztaib7gOslei0sSFMMDKQWVg/s1600/WD_Xing_small.jpg"
Wir ersetzen jetzt den Text zwischen den Anführungszeichen durch unseren Ziel Link. In diesem Fall meine Xing Profil URL:
https://www.xing.com/profile/Wolfgang_Dueren (1)
(Die sicherste Methode hierfür ist: Übernehmen Sie den Link, den Sie einfügen wollen (1), in den Windows Zwischenspeicher (Text markieren, Cursor auf markierte Stelle, dann rechte Maustaste klicken und im Auswahlfenster "kopieren" anklicken) und fügen den Link aus dem Windows Zwischenspeicher genau an der beschriebenen Stelle ein. Achtung vorher den Text, der ersetzt werden soll, löschen (2)!
Dann sieht der veränderte Quelltext folgendermaßen aus (siehe blaue Markierung):
Im BlogPost sieht das dann so aus (siehe weiter unten). Jetzt wird man beim Klick auf das Bild auf direkt mein Xing Profil weitergeleitet. Testen Sie es einfach
Besuchen Sie mich hier:
 |
| Besuchen Sie mich auf Xing |
