Wie kommt man in Blogger integriert Leuchtkasten

October 24

Menschen nutzen Blogger kostenlose Blogs zu fast jedem Thema zu erstellen. Die kostenlosen Blogging-Plattform ist äußerst flexibel und ermöglicht viele Modifikationen auf anderen Websites nicht verfügbar. Eine solche Änderung ist die Integration der Leuchtkasten in Ihrem Blogger-Blogs. Lightbox ist den Spezialeffekt, der dunkelt einen Web-Browser und zeigt das Bild in einem hellen Feld in der Mitte des Bildschirms. Um Lightbox integriert Blogger zu erhalten, müssen Sie eine gehostete Version der Javascript-Dateien verwenden, die den Lightbox-Effekt zu ermöglichen.

Anweisungen

1 Melden Sie sich Ihrem Blogger-Konto an.

2 Klicken Sie auf den Link "Layout" neben Ihre Profilinformationen.

3 Klicken Sie auf den Link "HTML bearbeiten" unterhalb der Navigationsregisterkarten.

4 Blättern Sie durch den HTML-Code im mittleren Bereich, und suchen Sie die "< / style >" Tags und "< / Head >".

5 Kopieren Sie und fügen Sie die folgenden Zeilen von Code zwischen den zwei HTML-Tags:

< link Href = "http://www.virtuosomaster.com/tutorials/samples/lightbox/css/lightbox.css" Medien = "Bildschirm" Rel = "Stylesheet" Type = "Text/Css" / >

< Skript-Typ = "Text/Javascript" / >

< Skript-Typ = "Text/Javascript" / >

< Skript-Typ = "Text/Javascript" / >

6 Klicken Sie auf "Vorlage speichern".

7 Klicken Sie auf "Buchen", um eine neue Blogger-Post zu erstellen.

8 Klicken Sie auf die Schaltfläche "Bild einfügen" in der Post-Editor-Symbolleiste.

9 Wählen Sie ein oder mehrere Bilder von Ihrem Computer oder ein online-Quelle, dann klicken Sie auf "Bild hochladen".

10 Klicken Sie auf die Registerkarte "HTML bearbeiten" direkt oberhalb des Post-Eintrag-Bereichs.

11 Suchen Sie den Abschnitt des HTML-Codes, der sagt "< a Href =..." ohne Anführungszeichen.

12 Typ "Rel ="Lightbox"mit Anführungszeichen um"Lightbox", jedoch nicht vor"Rel"zwischen den"a"und das"Href"in der" < a Href =... " HTML-Tag. Dies muss für jedes Bild wiederholt werden, die in der Post aufgenommen werden.

13 Klicken Sie auf "Veröffentlichen Post" um Lightbox in der Blogger-Post integriert.

Tipps & Warnungen

  • Bilder als 800 Pixel breiter oder höher als 600 Pixel können durchlaufende Probleme verursachen.