Eigentlich hatte ich vor meinen Blog bis auf weiteres zu schließen, um ihn im Hintergrund neu zu gestalten. Ich hab mich aber wegen der garantierten Verwirrung, wenn der Blog plötzlich nicht mehr erreichbar wäre, dagegen entschieden und lasse Euch daher daran teilnehmen, wie dieser Blog in den nächsten Tagen/Nächten ein neues Gesicht bekommt. Hm, vielleicht erzähle ich auch ein wenig dazu, wie ich was mache. Immer nur über Schultüten schreiben ist auch langweilig *find*.
Ich werde in diesem Post die Fortschritte dokumentieren, auch um für mich später die Einstellungen bei Problemen rekapitulieren zu können. Vielleicht entdeckt Ihr dabei ja etwas, was Ihr selber immer schon mal in Eurem Blog ändern wolltet, aber nicht wusstet wie es funktioniert. Allerdings hab ich die Codierungsweisheit NICHT mit Suppenlöffeln gefressen. Ich stütze mich dabei auf das Wissen anderer und verweise entsprechend auf den Blog von dem ich meine "Weisheit" habe.
Und so soll das Ganze dann später aussehen oder so ähnlich.
19.05.2014 // Änderung(en) 11.Bisherige, stark modifizierte Blog-Vorlage "Watermark" wieder auf ihren Ursprung gesetzt.
2. Neuen Header Größe 900 x 250 Pixel hochgeladen.
20.05.2014 // Änderung(en) 2
Dashboard > Layout
- Navbar > ausgestellt (bei der Navbar handelt es sich um die Menüleiste ganz oben im Blog)
- Blogpost > bearbeiten > Blogpost konfiguriert (individuelle Einstellungen vorgenommen)
- Gadgets > HTML- und Image-Gadgets (Shopbutton, Bilder, Kontakt, Headlines etc.) entfernt.
- Gadgets hinzufügen > Kontaktformular von Blogger hinzugefügt.
Dashboard > Vorlage > Anpassen
- Hintergrund > Bild entfernt
- Breite anpassen > 900px
- Layout > Bodylayout 1spltg. > Fußzeilenlayout 3 spltg.
- Erweitert > Arial; 12px > #434343
- Hintergründe > Äußerer Hintergrund # vorerst beliebige Farbe > #ffffff
- Links > link: #434343 > visit: #a4af11 > hover: #b30800
- Blogtitel > Arial > #434343 > 60px
- Blogbeschreibung > #434343
- Tab Text > Arial > 12px > #c9c9c9 >#a4af11
- Tab-Hintergrund > #434343 > #transparent
- Datums header > Arial > 14px > #434343
- Post > Arial; 24px > #ffffff > # transparent
- Gadgets > Arial > 12 px > #c9c9c9 > #a4af11
- Footer > #c9c9c9 > #c9c9c9
- Footer Links > #c9c9c9 > #a4af11 > #b30800
Was hab ich gemacht? Ich habe alle Einstellungen die ich einstellen konnte, ohne in den Code eingreifen zu müssen, eingestellt.
Die Pfeile > zeigen eigentlich nur an, dass ich die einzelnen Abfragen abgearbeitet habe. Die Raute # bedeutet, dass es sich hierbei um eine Farbe handelt (diese Raute wird beim Codieren von HTML verwendet um dem Browser zu sagen: Achtung jetzt kommt eine Farbe.) Die kryptischen Zahlen dahinter sagen dem Browser um WELCHE Farbe es sich handelt. Z.B. ist #a4af11 mein Corporate-Grün, die #b30800 mein Corporate-Rot, #434343 steht für ein dunkles Grau, welches ich für meine Font(= Schrift)farbe verwende.
Das sind die sogenannten Hexadezimalfarben *hier Erklärungslink* mit denen man im Internet Farben definiert.