Freitag, 11. April 2014

Ein Menü aus Grafiken einbinden

Zuerst erstellst du deine Grafiken für das Menü mit einem Grafikprogramm und speicherst sie als JPG, PNG oder GIF. Die Grafiken müssen alle die gleiche Höhe haben.

Dann lädst du die Grafiken wie hier beschrieben in eine Seite hoch (die du nicht veröffentlichst), um die Bildpfade zu erhalten. Diese Pfade kopierst du dir heraus.

Dann gehst du auf "Layout" und oben im Header auf "Gadgets hinzufügen".



Wähle das Gadget "HTML JavaScript". Füge in das Feld "Content" deine Bildpfade hinein und verlinke sie. Wie du Bilder einfügst und verlinkst ist hier beschrieben:

Social Media Icons in die Sidebar einbinden
Grundlegende HTML-Codes

<a href="http://workshop-html.blogspot.de/p/about.html" ><img border="0" src="http://1.bp.blogspot.com/-A1PUZyW1uFQ/U0eteCmUTmI/AAAAAAAABWA/YDDXrqjmDkA/s1600/menu_about.gif" /></a>
<a href="http://workshop-html.blogspot.de/"><img border="0" src="http://4.bp.blogspot.com/-Jy9JF-SEwXQ/U0etdxemjJI/AAAAAAAABV8/D2RJd8DIHBw/s1600/menu_blog.gif" /></a>
<a href="http://workshop-html.blogspot.de/p/kontakt.html" imageanchor="1"><img border="0" src="http://4.bp.blogspot.com/-jdh0K-CSgV0/U0etd11U0qI/AAAAAAAABV4/vCnhYck_EeY/s1600/menu_kontakt.gif" /></a>
<a href="http://workshop-html.blogspot.de/p/alle-lektionen.html"><img border="0" src="http://1.bp.blogspot.com/-26Sp1Lukmm8/U0ete-qanKI/AAAAAAAABWU/WOjGsV7jSis/s1600/menu_lektionen.gif" /></a>
<a href="http://workshop-html.blogspot.de/p/mein-shop.html#h=2332-1397206896093"><img border="0" src="http://4.bp.blogspot.com/-Orl_2zVQqss/U0etezFWehI/AAAAAAAABWQ/nWFTlYDNOzo/s1600/menu_shop.gif" /></a>


Klicke dann auf "Speichern". Das Grafikmenü ist nun auf deinem Blog eingebunden.



Kommentare :

  1. Dieser Kommentar wurde vom Autor entfernt.

    AntwortenLöschen
  2. Irgendwie funktionieren die einzelnen Links nicht und es verlinkt immer nur auf die Hauptseite. Woran könnte das liegen?
    http://werkelwut.blogspot.de/

    AntwortenLöschen
  3. Super! Vielen Dank für den "Workshop" hat super geklappt! Wenn man weiß wie, super einfach in der Umsetzung. ;)

    AntwortenLöschen
  4. Hallo Julia,
    herzlichen Dank für die tolle Anleitung. Bin zwar nicht sehr bewandert in html, aber dank deiner Beschreibung war es selbst für mich gut umsetzbar. Ab jetzt hat mein Blog eine hübsche Linkleiste unter dem header. *freu*
    Viele liebe Grüße
    Momo

    AntwortenLöschen
  5. Hallo Julia, ich hoffe du antwortest so schnell wie du nur kannst :) deine Tipps sind Goldwert! Ich habe nur eine Frage. Welches Programm benutzt du um zb deinen Namen als Grafik hinzubekommen?

    AntwortenLöschen
  6. Useful information nice and I am very glad to read this post thanks and I am waiting for new post.

    Werbeplane

    AntwortenLöschen