Um ein Header-Bild direkt in das Blogger.com-Blog einzufügen, geben Sie einen Link zum Bild direkt im Coding an. Das Header-Image muss auf einer Image-Site gehostet werden. Da Blogger.com im Besitz von Google ist, können die Picasa-Webalben von Google das Bild für Ihr Blog hosten. Wenn das Bild in Picasa-Webalben hochgeladen ist, kopieren Sie die Link-URL und fügen Sie sie in den Blog-Code im Abschnitt "Header" ein.

Host-Blogger-Header-Bild

1

Öffnen Sie einen Webbrowser. Rufen Sie die Picasa-Webalben-Website auf. Geben Sie Ihren Benutzernamen und Ihr Passwort für Ihr Google-Konto ein. Klicken Sie auf die graue Schaltfläche "Anmelden".

2

Klicken Sie auf die Schaltfläche "Hochladen", um zur Seite "Fotos und Videos hochladen" zu gelangen. Klicken Sie auf die blaue Schaltfläche "Fotos von Ihrem Computer auswählen". Suchen Sie die Image-Datei und klicken Sie auf "Öffnen".

3.

Warten Sie, bis die Bilddatei hochgeladen wurde. Klicken Sie auf die blaue Schaltfläche "OK". Klicken Sie auf die Registerkarte "Meine Fotos". Klicken Sie auf die Bilddatei, um sie im Album zu öffnen.

4

Klicken Sie unter "Tags" auf "Link zu diesem Foto". Klicken Sie auf das Dropdown-Menü neben "Größe auswählen" und wählen Sie die Größe der Kopfzeile aus. Aktivieren Sie das Kontrollkästchen neben "Nur Bild". Markieren Sie die URL "Bild einbetten" und klicken Sie mit der rechten Maustaste. Klicken Sie im Dropdown-Menü auf "Kopieren".

5

Öffnen Sie den Editor oder einen anderen Texteditor. Klicken Sie auf "Bearbeiten" und dann auf "Einfügen", um die Bild-URL einzufügen.

Bild in Blogger einfügen

1

Öffnen Sie einen Webbrowser. Besuchen Sie die Blogger-Website unter www.blogger.com. Geben Sie Ihren Benutzernamen und Ihr Passwort ein. Klicken Sie auf die graue Schaltfläche "Anmelden".

2

Klicken Sie auf der Seite "Dashboard" auf den blauen Link "Design". Klicken Sie unter der Registerkarte "Design" auf den blauen Link "HTML bearbeiten", um zur Seite "HTML-Vorlage bearbeiten" zu gelangen.

3.

Scrollen Sie nach unten zum Abschnitt "Header". Suchen Sie den Abschnitt "# header-wrap" der Codierung. Fügen Sie zwischen den Klammer-Tags "{" und "}" eine zusätzliche Zeile hinzu. Geben Sie "background: url ();" in der Schlange. Es sieht ähnlich aus:

Header-Wrap {

margin: 0 auto 0 auto; background: url( ); 

}

4

Kopieren Sie die Bild-URL aus dem Editor in Abschnitt 1, Schritt 5. Klicken Sie in den Raum zwischen den Klammern neben "URL" und klicken Sie mit der rechten Maustaste. Wählen Sie "Einfügen" aus dem Dropdown-Menü. Es sieht ähnlich aus:

Header-Wrap {

 margin: 0 auto 0 auto; background: url(http;//www.imageurl.jpg); 

}

5

Klicken Sie auf die orangefarbene Schaltfläche "Vorlage speichern". Zeigen Sie das Blog mit dem Headerbild in der Vorlage an.

Dinge benötigt

• Google Benutzerkonto
• Header-Bild
• Notepad oder anderer Texteditor

Warnung

• Speichern Sie Ihre Blogger-Vorlage, bevor Sie das Coding ändern.