Heute zeige ich eine simple Art und Weise, ein Menü zu erstellen. Im Prinzip ist es kein Menü, sondern sieht nur so aus.
1. Geht auf Seitenelemente bzw. Layout und fügt einen HTML-Gadget ein.
2. Jetzt fügen wir den ersten Punkt ein. Das ist immer Home! Danach kommt Kontakt. Das sieht dann so aus:
<a href="Link zum Blog">Home</a> | <a href="Link zum Kontakt">Kontakt</a>
Das führt ihr mit allen Punkten durch, die ihr im Menü haben wollt. Das Prinzip ist ganz einfach: Ihr benutzt nur Links. Hier ist erfährt ihr mehr darüber.
Der Trick mit dem Strich | : den macht ihr zwischen jedem Punkt. Den kriegt ihr mit Alt Gr + <
Diesen Strich könnt ihr mit einem Punkt, einem Schrägstrich, einem Underscore oder anderen Zeichen ersetzen.
Diese Menüs könnt ihr auch über dem Header nutzen. Das Tutorial, um Menüs über den Header zu platzieren, findet ihr hier.
Im nächsten Teil zeige ich, wie man das Menü gestalten kann.
Edit: Da es sehr oft gefragt wird und ich gerade im Stress bin (Abitur, blabla), verrat ich euch, wie man das Menü mittig setzt. Zum Zentrieren setzt ihr vor dem Code <center> und am Ende </center> und schon habt ihr es ;)
oh, das ist sehr cool :DD aber nee, ich warte lieber auf dich <3
AntwortenLöschenUnd wie macht man das mit den einzelnen Links ?
AntwortenLöschenalso muss Ich für jeden Link einen eigenen Post schreiben und den dann dort einfügen ???
Woher willst du dann die Links hernehmen?
Löschenweiß Ich auch nicht ^^
LöschenIch dachte, das würde i.wie anders funktionieren...
Mithilfe deiner super Anleitung habe ich es auch geschafft, aber jetzt stehe ich vor einem anderen Problem: Wo füge ich die Texte der einzelnen Punkte ein? Wenn ich bei mir auf einen Menüpunkt klicke, erscheint dann eine Seite mit dem Hinweis "Die Seite, nach der Sie im Blog suchen, ist nicht vorhanden." Was muss ich jetzt machen? Einen Menüpunkt habe ich selber geschafft, aber dort musste ich lediglich den Link zu meinem Blog einfügen.
LöschenIch hoffe du kannst mir weiterhelfen.
das gleiche problem habe ich auch
Löschenja ich auch :(
Löschencool.. aber ist das nicht das gleiche wie 'seiten hinzufügen' ?:)
AntwortenLöschenNein, weil es einfach etwas anders aussieht, wenn nicht sogar eleganter als diese Kasten ;) Außerdem kannst du das einfacher stylen, aber das kommt im nächsten Teil ;)
LöschenWann wird der nächste Teil denn ungefähr kommen? Würde das nämlich gerne umsetzen, aber nicht so einfach, sondern halt "gestylter" :)
LöschenUnd wie kann man die Schrift dann größer machen?
AntwortenLöschendas kommt im nächsten Teil ;)
LöschenOder auch den Font verändern!
Löschendas stylen kommt im nächsten Teil ;)
Löschenwär lieb wenn der nächste Teil schnell kommt;-)
LöschenWo ist der nächste Teil ? Ich find den leider nicht :(
Löschenhttp://pure-colours.blogspot.de
Ich finde deine Seite unglaulich hilfreich!
AntwortenLöschenVielleicht habe ich es übersehen aber gibt es eine Anleiung, wie man die Kommentarbox ins farbige verändert wie bei dir?
Liebe Grüße
Das wüsste ich auch gerne.
Löschenhttp://spruso.blogspot.com/
Mh. Ich checks irgendwie nicht. :D
AntwortenLöschenich freue mich auf den nächsten teil! :)
AntwortenLöschenWann kommt den der nächste Teil? :)
AntwortenLöschentoll!
AntwortenLöschenich wills aber zentriert haben? das geht iwie nicht..
ist zwar nicht die coolste Methode, aber du kannst oben rechts auf "Rich Text" klicken und dann vor den Text dann irgendwelche Zeichen machen (beispielsweise Bindestriche) und dann soviele, wie du brauchst, damit das ganze in der Mitte ist. Dann passt du das Ganze einfach deiner Hintergrundfarbe an (bei dir weiß). Hast du so ungefähr verstanden? ist eigentlich ganz einfach.
Löschenund anders gehts nicht? :(
Löschenübrigens,selbst,wenn ich die farbe angleiche,kommt sie trotzdem nochmal in schwarz..gucks dir mal an -.-
LöschenWow,dankedankedanke für diese und alle anderen tollen Tutorials die du hier so hast :)
AntwortenLöschenWerde eindeutig mein Layout überarbeiten und habe dich hier
-> http://phototowngirl.blogspot.com/2012/02/eine-kleine-pause.html <-
erwähnt.Würde mich freuen,wenn du mal vorbeischaust :P
Liebe Grüße & einen schönen Nachmittag , C.K.
Dankeschön :) Hat mir gut geholfen und ich warte schon auf den nächsten Teil ;)
AntwortenLöschenCool! Werde ich ausprobieren. Aber wie kriege ich das zentriert?
AntwortenLöschengenau: wie kriege ich das zentriert?
AntwortenLöschenach so, ich will ja nich nur meckern! is n tolles tuto!!! ;o)))
AntwortenLöschenWeiß jmd wie ich diese Striche | auch im "nomalen" Menü hinbekomme?
AntwortenLöschendanke, das hat mir wirklich sehr weitergeholfen :) könntest du mir noch verraten wie ich diese menü jetzt zentrier bekomme? wäre echt nett :)
AntwortenLöschenxo
anna
Eine Frage! bzw. ein Tipp für ein neues Tutorial! <3
AntwortenLöschenWie macht man beim Menü solche ausklappenden Zusatzseiten wie ihr sie habt? Wenn man bei euch im Menü mit der Maus auf das Feld "Tutorials" geht, klappt sich automatisch das Feld mit HTML, Posting, Goodies runter. Wie erstellt man so etwas bei Blogger, per HTML oder sonst wie?
love ur blog <3
LG mira
(Kann nicht per Formspring fragen, hab da keinen Account, sorry!)
Super Tutorial. Wollte ich schon lange einmal wissen wie das geht. Danke :)
AntwortenLöschenLiebe Grüße, B.
Hallo MIRA :)
AntwortenLöschenkönntest du vielleicht Erklären, wie du das Menü so mittig (central oder wie auch immer) gemacht hast?
ist zwar nicht die coolste Methode, aber du kannst pben rechts auf Rich Text klicken und dann vor den Text dann irgendwelche Zeichen machen (beispielsweise Bindestriche) und dann soviele, wie du brauchst, damit das ganze in der Mitte ist. Das passt du dann einfach deiner Hintergrundfarbe an (bei dir weiß). Hast du so ungefähr verstanden? ist eig. ganz einfach.
Löschenja - danke :)
LöschenFreu mich schon auf den nächsten Teil :)
AntwortenLöschenwie macht man das mit dem ' mitglieder dieser seite werden' woher soll ich den link bekommen ?
AntwortenLöschenDiese Frage wurde hier zwar schon öfters gestellt,aber ich bekomm die Menüliste auch nicht in die Mitte, das mit dem 'Rich Text' dann die Bindestriche und in weiß färben klappt bei mir nicht,dass wird bei mir grau und nicht weiß.. - Gibt es da nicht noch eine andere Methode?
AntwortenLöschenBin gestern auf euren Blog gestoßen und bin grenzenlos begeistert!! Ich weiß gar nicht, wie ich ohne eure tollten Tutorials meinen Blog hätte so gestalten können, wie er jetzt ist :) Vielen, vielen Dank dafür!! Werde euch weiter empfehlen... :P
AntwortenLöschenDanke! Es hat geklappt und ich bin (FAST) zufrieden! Bei mir ist das Menü jetzt link und das gefällt mir nicht so ganz, denn ich hätte es gerne mittig. Wie geht das denn? Ich hab schon gesucht, im Internet und auch hier aber ich habe nichts dazu gefunden :/ Kann mir vielleicht jemand helfen? c:
AntwortenLöschenGrüße, http://ichbinnele.blogspot.com/
Ich hab's jetzt auch endlich verstanden und fertig bekommen :P
AntwortenLöschenWäre aber toll, wenn Du noch erklärst, wie man die Schrift größer machen kann ^^
Liebe Grüße und Danke für die tollen Posts immer :) Mimi ♥
Dieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenDieser Kommentar wurde vom Autor entfernt.
LöschenDieser Kommentar wurde vom Autor entfernt.
LöschenMuss ich für zB. Kontakt dann einen Post erstellen und dort einfügen? Das sieht doch irgendwie Doof aus wenn der dann auch im Blog erscheint ? :)
AntwortenLöschenSetz das Datum des Posts beim veröffentlichen in die Vergangenheit, dann taucht er beim Veröffentlichen nicht vorne auf :)
LöschenAlso irgendwie kann ich diese "Links" dann nicht anklicken??
AntwortenLöschenAllesn so Komplieziert.^^Nein,aber wie kann man eigentlich die Größe und die Schriftart ändern?
AntwortenLöschenWann kommt der nächste teil?
AntwortenLöschennach meinem Abi. das ist dann in einer woche ;)
AntwortenLöschenHilfe!! Ich hab es genauso gemacht und es erscheint dann auch in meinem Blog. Und wenn ich mit der Maus drüber fahre, hat es auch den "Anschein" von einem Link, aber ich kann es einfach nicht anklicken!?! Da erscheint dann der Mauszeiger zum Schreiben, wenn ihr wisst, was ich meine. Helft mir bitte!!
AntwortenLöschenIst das nicht das gleiche, als würde man einfach das Gadget 'Labels' einsetzen? Also abgesehen vom Style ist es das gleiche, oder?
AntwortenLöschenUnd wie schreib ich jetzt die Sachen da rein? Zum Beispiel bei Kontakt und Blogsale??
AntwortenLöschenDa solltest du die Seiten davor erstellen und dann verlinken ;)
Löschenwie verlinken?
LöschenDer Link oben aus der Adressleiste rein in den Code?
Löschenahh ok. danke dir :)
Löschenan welche stelle muss ich den link einsetzen ?
LöschenWie schreibt man da jetzt den Text rein ?
AntwortenLöschenWeil ich habe das Menü gemacht und es wird auch angezeit auf meinen Blog aber wenn ich auf " about me " klicken will, kommt "kein Text vorhanden" wo soll ich den text jetzt hinschreiben ?
Bitte schnelle Antwort !!!!!
Ein Kommentar drüber hast du doch deine Antwort.
LöschenIch wollte die Labels als ein Menü anzeigen wie mache ich das dann mit den Links?
AntwortenLöschenHallo,also wie man das hinbekommt habe ich verstanden.
AntwortenLöschendoch so als anfängerin versteh ich nicht,wie ich die links da nun einfügen soll,also ohje,kann mir wer helfen?
habe das alles hingekriegt, nur wenn ich auf die menüpunkte klicke kommt da: Die Seite, nach der Sie im Blog suchen, ist nicht vorhanden.
AntwortenLöschenWie krieg ich denn auf die seite etwas drauf wenn ihr wisst was ich meine? :D
tolles tutorial :)
Wie kriege ich das Menu über den Header? (:
AntwortenLöschenwann kommt der nächste teil ??
AntwortenLöschenAlso ich hab eigtentlich alles so gemacht wie es hier steht. Dennoch ist mein Menü immernoch so wie vorher. :( Kann mir jemand helfen?
AntwortenLöschenHier findet ihr mich :)
Bei mir hat es gut geklappt (:
AntwortenLöschenAber wie kann ich es so machen und die Seiten die ich schon habe dabei erhalten?
Hat gut geklappt bei mir.
AntwortenLöschenAber wie kann ich z.b. die Schriftgröße verändern, ist bisschen klein ^^
LG Danke schon mal
HI Mira !
AntwortenLöschenIch hab das mit den Seiten über das Html Tutorial jez mal hinbekommen.
Aber nun.. blöde Frage: Wie und wo kann ich nun die Seite erstellen zB " Wer schreibt da" ?
Sodass ich dann anschließend in der Seite den Link dazu einfügen kann?
Wenn ich jetzt die Seiten anklicke erscheint logischerweise gar nix..
Danke dir schon vorab für deine Antwort,
lg aus wien
melanie
( gern auch per Mail: lene_0703@gmx.at)
Wie kann ich den diese Tab Leiste zentrieren ? ;I
AntwortenLöschenThuy brauche deine Hilfe weil du hast ja dein Menü schon gemacht den Teil hier habe ich geschafft, aber den Teil mit den Style habe ich halbwegs geschafft das mit dem Zentrieren hat nicht funktioniert und wenn ich scrolle scrollt es mit. Ich will aber das es unter dem Header verwurzelt ist >.<
LöschenThuy ich hoffe du kannst mir helfen T_T
und was für nen Link setzt man bei Kontakt ein?
AntwortenLöschenbei mir klappt das Ganze irgendwie auch gar nicht, habe jetzt momentan noch die Seiten als Menü, soll ich die erstmal entfernen oder wie ? :$ ahh,Hilfe !
liebst, A. ♥
wie kann man es nach rechts verschieben und nicht mittig?
AntwortenLöschenklasse, hat super geklappt :)) danke
AntwortenLöschen<3 Lotti von leuchtsignale
also ich weiß nicht ob das was damit zu tun hat aber ich sage es einfach mal,..
AntwortenLöschenich habe vor kurzem meinen header entfernt weil ich ihn nicht mehr so mochte.
dann habe ich jetzt ein menü eingefügt was auch geklappt hat, aber es hat eine ganz normale schriftart, ich möchte so eine coole, und sie soll größer sein.. geht das ?
ganz ganz liebe grüße und ein riesiges lob, isabel
( www.chatoinement.blogspot.com )
Hallo liebes Copy Paste Love - Team,
AntwortenLöschenich habe das Problem, dass man das Menü zwar sieht, aber man kann nicht draufklicken, bzw. wenn man draufklickt, passiert nichts. Ich habe das ganze jetzt scon 2mal gemacht und kontrolliert, aber iwie lässt sich nichts ändern..
Ich würde mich über eine Antowort freuen!! :)
LG, Lotti (mein Blog)
Wo ist denn der nächste Teil? ich finde ihn leider nicht..
AntwortenLöschenlg,
Jana
Hallo, ich hoffe es kann mir jetzt noch jemand helfen.
AntwortenLöschenEs klappt zwar alles bei mir und ich habe auch ein Menü mit den jeweiligen Link hinbekommen aber es zeigt ja dann immer nur 1 Post an, also diesen den ich als Link einfüge. Ich möchte aber das alle Post zum Thema ''Fashion'' untereinander angezeigt werden. Wie kriege ich das hin?
Liebe Grüße Nici
Danke für diese super Anleitung, sie hat mir sehr weitergeholfen! :)
AntwortenLöschenalso irgendwie klappt das bei mir nicht so ganz, was mach ich falsch??
AntwortenLöschenhttp://thisbirdhasflown-lin.blogspot.de
Dieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenHallo!
AntwortenLöschenIch hätte mal eine Frage.
Und zwar will ich in meinem Menü (in der Sidebar) eine Seite einrichten, wo amn auf GFC zugreifen kann. Leider hbe ich relativ wenig anung von HTML, das reicht um ein paar Farben im Text zu verändern. Ich suche jetzt schon seit einer stunde auf eurer seite, finde es aber nicht. Könnt ihr mir veilleicht helfen und sagen, was ich tun muss? das wäre toll!
californiagirl-dream.blogspot.de
Liebste Grüße Marie
Hallo.
AntwortenLöschenIch brauche mal eure Hilfe,ich habe gerade dieses Tutorial ausprobiert,mir gefiel es aber nicht und habe es dann wieder gelöscht,jetzt wollte ich meine normale Seitenleiste wieder einfügen,aber es geht nicht mehr!Wenn ich auf Gadget hinzufügen gehe und dann Seiten suche steht dann dort "Bereits hinzugefügt".
Bitte helft mir...
Liebe Grüße Maybe.
happyness-maybe.blogspot.com oder per E-Mail happyness-maybe@web.de
Das heißt ich muss erst verschiedene Posts erstellen zum Thema: Kontakt, Blogroll, About me etc.. und dann habe ich auch die Links, die ich dann in den Code einfügen kann. Sehe ich das richtig?
AntwortenLöschenErstelle ich die Posts ganz normal, wie alle anderen Blogposts auf der Startseite? Ich möchte aber nicht, das man die dann dort sieht.
Bei mir sieht es momentan so aus: http://cheriebombes.blogspot.de/
Freue mich über Hilfe! :)
genau das würde mich auch interessieren.
Löschenvorallem, wenn ich unter einem menüpunkt eben wie bei dir zb shopping, ganz viele posts einfügen möchte.
muss ich dann bei jedem neuen post den link dazu in das html-gadget kopieren?
sodass ich quasi irgendwie millionen links dort habe?
das ist noch das einzige was mich verwirrt.
eine antwort wäre sooo wunderbar
grüßlein
jade-eve
So jetzt komm ich auch noch, Jahr später :-) Hat alles geklappt und die Links funktionieren auch ausser HOME. Wenn man auf Home clickt kommt immer: Die Seite, nach der Sie im Blog suchen, ist nicht vorhanden. Nun, die Seite existiert aber (genau so wie die anderen) was kann ich tun?
AntwortenLöschenLG Kira
Dieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenIch habe da acuh noch eine Frage. Das Prinzip verstehe ich, aber ich hätte da gerne ein Extra: Die ganzen Gadgets, die man so hat (Archiv, Blogroll, Leser...) kann man die auch als Menüpunkte anordnen? Wenn ja, wie? Ich finde es so auf meinem Blog zu unordentlich und hätte gerne nur noch die "Überschrift" der jeweiligen Gadgets, sodass man draufklickt und dann eben das jeweilige (Archiv, Blogroll...) sieht. Geht das? Gibt es schon ein Tutorial? ICh habe viel hier herumgesucht, aber noch nichts gefunden.
AntwortenLöschenOh, das würd mich auch interessieren! Gefunden hab ichs bisher auch nicht!
Löschenoh man vielen Dank! Endlich hat es bei mir auch funktioniert! :D
AntwortenLöschenHey, ich finde eure Seite echt klasse =)
AntwortenLöschenIch hab mir jetzt mein Menü eingebaut allerdings wen ich was Poste kommt es nicht auf die jeweilige Seite in der ich es gern hätte. Z.B. Ich schreibe was über mich und würde es gern in dem Ordner "über mich" unterbringen.
Könnt gerne mal bei mir vorbeischauen, brauch da echt etwas Hilfe (totale Anfängerin). liberteandmore.blogspot.com
Dieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenHi du, ich würde mir jetzt gerne auch ein Menü einrichten... jedoch müsste ich mehrere Links unter eine Seite packen um zum Beispiel ALLE Oufitpost auf diese Seite zu packen... Kannst du mir bitte sagen wie ich das mache? Ich bin echt am verzweifeln :( Wäre lieb wenn du mir auf meinem Blog antworten würdest... dann sehe ich es wahrscheinlich schneller. Danke und Lieben Gruß, Naomi
AntwortenLöschenwww.redcoat-naomi.blogspot.com
Vielen Dank für deinen hilfreichen Post! Endlich hat es geklappt.Yippiieehh! Liebe Grüße
AntwortenLöschenwww.muemmelnina.blogspot.de