So fügen Sie Blogger eine visuelle Lightbox hinzu


Lightbox ist eine JavaScript-Bibliothek, die eine visuell elegante Oberfläche zum Anzeigen von Bilddateien mit Hyperlinks bietet. Wenn Sie darauf klicken, überlagert das Lightbox-Skript eine größere Version der Bilddatei auf einem abgedunkelten Bildschirm, ohne dass eine andere Seite Ihrer Website geladen werden muss. Sie können das Lightbox-Skript zu Ihrem Blogger-Blog hinzufügen, indem Sie den erforderlichen Code in Ihre Blog-Vorlage aufnehmen.

1

Navigieren Sie zu lokeshdhakar.com/projects/lightbox2/.

2


Wählen Sie „Download“ und klicken Sie auf „Lightbox“, um die Zip-Datei auf Ihrem Computer zu speichern.

3

Öffnen Sie Ihren Ordner „Downloads“ und entpacken Sie die Lightbox-Skripte und -Bilder.

4

Laden Sie die Lightbox-Skripte und Bilddateien auf Ihren Webhost hoch. Wenn Sie keinen webbasierten Speicherplatz haben, können Sie die JavaScript-Dateien mit kostenlosen Diensten wie Weebly, Dropbox oder Your JavaScript hosten.

5

Navigieren Sie zu blogger.com und melden Sie sich bei Ihrem Konto an.

6

Klicken Sie auf das Dropdown-Menü „Beiträge“ und wählen Sie „Vorlage“.

7

Klicken Sie auf „HTML bearbeiten“.

8

Kopieren Sie den folgenden JavaScript-Code und fügen Sie ihn vor dem Tag „“ ein. Ersetzen Sie „[IHR GASTGEBER]“ durch die richtigen Hostinformationen.

9

Aktivieren Sie das Lightbox-Skript, indem Sie mithilfe des folgenden Codes Hyperlinks und Bilder oder Texte einfügen und den in Klammern gesetzten Text durch die entsprechenden Informationen ersetzen. [IMAGE HTML ODER TEXT]