Ich erstelle zuerst einen neuen Post, in dem ich das Bild hochlade, das in der Lightbox angezeigt werden soll (auf richtige Größe des Originalbildes achten!). Diesen Post veröffentliche ich jedoch nicht, sondern speichere ihn nur als Entwurf. Ich habe damit aber erreicht, dass das Bild in meinem Picasa-Webalbum für Blogger gespeichert ist und mit einem Link abgerufen werden kann.
Jetzt gehe ich im Post-Editor in den Modus "HTML bearbeiten" und kopiere den HTML-Code.
Dann öffne ich Layout > Seitenelemente und füge in der Sidebar das Gadget "HTML/JavaScript" hinzu. Im Code-Fenster füge ich den HTML-Code ein, der so aussieht:
Jetzt muss der Code noch bearbeitet werden.
Zuerst lösche ich hinter s1600 das -h.
Dann füge ich vor imageanchor="1" ein:
Dabei ist der title optional, das ist der Text, der in der Lightbox unter dem Bild angezeigt wird.
Wenn ich kein Bild zum Anklicken haben will, sondern einen Textlink, entferne ich den kompletten img-Tag, nämlich alles das hier:
Stattdessen schreibe ich an diese Stelle den Text, der dann in der Sidebar als Link auf das Bild erscheinen soll, also z.B. "Bitte hier klicken ..."
Zum Schuss sieht mein HTML-Code so aus:
Das ist eigentlich alles, also wirklich gar nicht so schwer.
Und wenn ich diesen Textlink nicht in der Sidebar, sondern in einem Post verwenden will, kopiere ich den Code einfach im Post-Editor (Modus "HTML bearbeiten") an die Stelle des Textes, wo er stehen soll:
Keine Kommentare:
Kommentar veröffentlichen