Hinzufügen eines jQuery & CSS3-Menüs zu Blogger

Durch das Hinzufügen eines benutzerdefinierten Menüs zu Ihrem Blogger-Blog kann sich Ihr Blog von der Masse abheben. Um ein in der jQuery-Skriptsprache codiertes Menü hinzuzufügen, das von CSS3 - Cascading Style Sheet 3 - Designcode gesteuert wird, greifen Sie auf den HTML-Code Ihrer Blogvorlage zu und fügen Sie die erforderlichen Codeelemente in drei Teile der Blogvorlage ein. Stellen Sie vor der Konfiguration Ihres Blogs sicher, dass Sie die erforderlichen jQuery-, CSS- und HTML-Codeausschnitte aus der Quellskriptbibliothek oder der Design-Website korrekt kopiert haben.

1

Melden Sie sich bei Ihrem Blogger-Konto an. Klicken Sie unter dem Titel des Blogs, zu dem Sie das Navigationsmenü jQuery und CSS3 hinzufügen möchten, auf „Design“. Wählen Sie in der Navigationsleiste des Design-Untermenüs oben auf dem Bildschirm „HTML bearbeiten“, um auf den HTML-Code für Ihr Blog zuzugreifen.

2

Klicken Sie oben auf der Seite auf den Link "Vollständige Vorlage herunterladen", um eine Kopie Ihrer vorhandenen Vorlage herunterzuladen und auf der Festplatte Ihres Computers zu speichern. Auf diese Weise können Sie die ursprüngliche Vorlage wiederherstellen, wenn Sie beim Ändern der Vorlage einen Fehler machen oder das neue Navigationsmenü nicht mögen.

3.

Gehen Sie zum Code-Tag "]]>" in der Vorlage Ihres Blogs. Um dieses Element zu finden, drücken Sie "Strg" und "F" auf Ihrer Tastatur, um das Seitensuchwerkzeug zu starten.

4

Fügen Sie nur den CSS3-Code ein - normalerweise das größte Codeelement der drei Codes, die Sie für das Menü benötigen - unmittelbar vor "]]>" in der Vorlage.

5

Wechseln Sie zu dem Tag "" im HTML-Code Ihrer Blog-Vorlage. Verwenden Sie erneut die Seitensuchfunktion, um den Code schnell zu finden.

6

Fügen Sie den jQuery-Code unmittelbar vor dem Tag "" ein. Der Code sieht diesem Beispiel ähnlich:

Empfohlen