Wie man einen animierten Header in Blogspot haben

February 20

Wie man einen animierten Header in Blogspot haben

Ein animierter Header ist eine Möglichkeit, sofort einen Reader auf Ihrem Blog aufmerksam. Es setzt einen Blog abgesehen von anderen durch ein interessantes visuelles Element an der Spitze der Seite hinzufügen. Sobald die Animation erstellt wurde, dauert es nur ein paar Veränderungen an die Blogger-Template-Code es Ihr Blogger-Blog Startseite hinzu.

Anweisungen

Den Code-Optimierungen

1 In der Blogger-Konto loggen Sie ein und wählen Sie "Layout" und dann "Edit HTML."

2 Suchen Sie den Abschnitt des Codes, der wie folgt lautet:< Div Id = 'Header-Wrapper' >< B:section Klasse = 'Header' Id = 'Header' Maxwidgets = '1' Showaddelement = 'no' >< B:widget Id = 'Header1', gesperrt = 'true' Title = 'Azure Haze (Header)' Type = 'Header' / >< / B:section >< / Div >Ändern Sie den Code, der sagt "Showaddelement = No", "Showaddelement = Yes." Dadurch können Gadgets zu der Seite hinzugefügt werden, ist der animierte Header betrachtet wird.

3 Löschen Sie im Abschnitt der lautet:< B:widget Id = 'Header1', gesperrt = 'true' Title = 'Azure Haze (Header)' Type = 'Header' / >und speichern Sie die Vorlage. Dieses löscht den aktuellen Header, die Blogger Blogger zu bestätigen bitten wird. Bestätigen und speichern.

4 Gehen Sie zum Abschnitt "Seitenelemente" des Layouts. Es werden jetzt eine Option mit der Bezeichnung "Eine Minianwendung hinzufügen". Wählen Sie diese Option, und wählen Sie "Foto", um den animierten Header hinzufügen.

5 Laden Sie das Bild, das die animierte Header werden wird. Verwenden Sie die URL des Blogs als "Link"-Sektion, und speichern Sie die Arbeit.

Tipps & Warnungen

  • Sichern Sie die Blog-Vorlage vor etwas zu tun. Wenn ein Fehler auftritt, empfiehlt sich das vorherige Layout gespeichert, so dass Links gebrochen haben und Bilder sind nicht hinter sich gelassen. Einfach kopieren Sie den Code in ein Editor-Dokument auf den Computer und speichern Sie als Textdatei.