So fügen Sie einem Blogger-Blog ein Banner hinzu

Das Hinzufügen eines Banners zu Ihren Blogger-Seiten kann nützlich sein, um Werbeeinnahmen für Ihr Blog zu erzielen oder Ihre eigenen Produkte und Dienstleistungen prominenter zu präsentieren. Blogger bietet keine Layoutoption zum Einfügen eines separaten Top-Banners über Ihrem Blogtitel, aber Sie können die Option selbst erstellen, indem Sie den HTML-Code Ihres Blogs geringfügig bearbeiten. Wenn Sie nur anstelle Ihres Blogtitels oder hinter dem Titel im Headerbereich ein Bildbanner hinzufügen möchten, ist der Vorgang viel einfacher und erfordert keine Codebearbeitung.

Erstellen Sie oben ein neues Bannerelement

Melden Sie sich bei Ihrem Blogger-Konto an und klicken Sie auf den Namen Ihres Blogs, um auf die administrativen Steuerelemente zuzugreifen.

Wählen Sie die Registerkarte "Vorlage" und klicken Sie dann auf "HTML bearbeiten", um auf den Code zuzugreifen, der das Layout Ihres Blogs steuert.

Klicken Sie auf das Menü "Zum Widget springen" und wählen Sie dann "Header1". Blogger springt zum Codeabschnitt, der Ihren Blog-Header steuert.

Scrollen Sie ein paar Zeilen nach oben, bis Sie den folgenden Code finden:

Ändern Sie den Wert "maxwidgets" in "2" und ändern Sie den Wert "showaddelement" in "yes". Die Codezeile sollte nun so aussehen:

Klicken Sie auf die Schaltfläche "Vorlage speichern", um Ihre Änderungen zu speichern. Blogger erstellt oben in Ihrem Blog ein neues Layoutelement, mit dem Sie Ihr Banner einfügen können.

Bannerbild zu neuem Element hinzufügen

Klicken Sie auf die Registerkarte "Layout" und dann im neuen Layout-Element oben auf der Seite auf "Gadget hinzufügen".

Wählen Sie "HTML/JavaScript" aus dem Popup-Fenster.

Fügen Sie den vom Werbetreibenden bereitgestellten Banner-Widget-Code in das Feld Beschreibung ein. Alternativ können Sie Ihr eigenes Bannerbild verwenden, indem Sie den folgenden Code in das Feld Beschreibung eingeben, wobei "ImageURL" den Link zu Ihrer Bilddatei darstellt:

Klicken Sie auf "Speichern", um zum Bildschirm "Layout" zurückzukehren, und klicken Sie dann auf "Blog anzeigen", um Ihr neues Banner anzuzeigen.

Kopfzeile durch Bannerbild ersetzen

Melden Sie sich bei Ihrem Blogger-Konto an und klicken Sie auf den Namen Ihres Blogs.

Wählen Sie die Registerkarte "Layout", um das Layout Ihres Blogs anzuzeigen, und klicken Sie dann im Kopfzeilenelement oben im Layout auf den Link "Bearbeiten".

Klicken Sie auf die Schaltfläche "Durchsuchen" und doppelklicken Sie dann auf die Bilddatei, die Sie als Banner verwenden möchten.

Wählen Sie eine der Platzierungsoptionen aus, um zu steuern, wie Ihr Banner mit Ihrem Blogtitel und Ihrer Beschreibung interagiert. Wählen Sie "Hinter Titel und Beschreibung", um das Bannerbild im Hintergrund zu platzieren, damit Titel und Beschreibung sichtbar bleiben. Wählen Sie "Statt Title and Description", um den Titel und die Beschreibung durch das Banner zu ersetzen.

Klicken Sie auf "Speichern", um zum Bildschirm "Layout" zurückzukehren, und klicken Sie dann auf "Blog anzeigen", um Ihr neues Banner anzuzeigen.

Tipps

Wenn Sie Ihre eigene Banner-Bilddatei oben in Ihrem Blog verwenden, passen Sie die Größe des Bilds an die Breite des Bildschirms an. Im Allgemeinen sollten Blogger-Banner nicht mehr als 758 Pixel breit sein.