Mittwoch, 9. Februar 2011

Im Blogspot-Post Bild verlinken zu irgendeiner Website

Natürlich geht das nicht nur bei Blogger, sondern der Code ist ein ganz normaler HTML- Code. Dazu gibt man entweder im HTML-Editor folgenden Code ein, das farbig markierte wird durch die jeweiligen Adressen ersetzt natürlich:

 <a href="http://meinehomepage.de/">
 <img border="0" src="BILDADRESSE.JPG" /></a> 
Oder aber ihr fügt über den normalen Editor Euer Bild ein und geht danach in den HTML-Editor, dort sucht ihr euer grad eingefügtes Bild, nun setzt ihr für den Link zur Website folgenden Code vor die Bildadresse:

<a href="http://meinehomepage.de/">

Und zwar genau davor:  

<img

Was ihr nun noch tun müsst, ist den Websitelink-Code schließen, dafür setzt ihr am Ende, also eben nach Schließen der Bildadresse, wie ganz oben ersichtlich im gesamten Code halt, folgendes am Ende ein:

</a>  

Das war´s auch schon, ganz easy, einen sogenannten Hyperlink zu einer anderen Seite zu erzeugen ...
Wenn der Link aber nicht im selben Tab aufgehen soll, sondern in einem neuen,
target="_blank" 
nicht vergessen noch hinter die Webseiten-ID zu schreiben ...

Heraus müsste dann folgender Gesamtcode kommen ...

<a href="http://meinehomepage.de/"target="_blank">
 <img border="0" src="BILDADRESSE.JPG" /></a> 

So, und nun das Beste zum Schluss. Manchmal ist es ganz gut, wenigstens die Standard-Codes zu kennen, wie eben auch den zur Verlinkung z.B. halt. Eben für HTML-Widgets oder wenn man im reinen HTML-Editor arbeitet oder arbeiten muss, wie ich es leider oft muss bei meiner anderen Website, da der Editor dort Fehler aufweist, man kommt einfach nicht rein, dann geht nur HTML. Naja und da lernt man dann halt paar Codes, weil man´s muss, was will man auch anderes machen. Hier bei Blogger bzw. Blogspot hab ich sowas aber noch nie erlebt, also braucht man diesen Code im Post-Editor garnicht.

Es geht auch viel leichter hier, zumindest im Post-Editor: (Und dort kannst Du ja notfalls auch Deine Sachen für HTML-Widgets vorbereiten, wenn Dir das lieber ist wie das Code-Zeugs, die automatisch erzeugten fertigen Codes dann kopieren, transferieren, einfügen, fertig ... ;o)) ...)

Bildadresse einfügen wie gehabt über Schaltfläche ... Danach Klick auf´s Bild zum Markieren ... Und Linkadresse einfügen über zugehörige Schaltfläche ... Fertig

Keine Kommentare:

Kommentar veröffentlichen