Forums - Blogger Aufbaukurs

Lektion 09

Thu, 02 Jul 2015 18:33:09 +0200

Ich zeige dir, wie in Lektion 04 versprochen, wie du deinen Header zentrieren kannst.

1) Rufe dein Blog auf und klicke rechts oben auf "Design"

2) hier klickst du auf "Anpassen"

3) im nächsten Fenster klickst du bitte auf "Erweitert"

04) Hier kommen neue Einstellungen,

scrolle ganz runter zu "CSS einfügen".

05) Füge in den weißen Kasten dann das hier ein:

#Header1_headerimg {
margin: auto;
}

Und schon hast du deinen Header mittig. Manchmal reagiert Blogger nicht gleich, also versucht es nochmal, wenn es nicht gleich klappt

Wenn es nicht klappt, versucht, das hier einzusetzen:

#header-inner img {
margin: 0 auto;}
[size=10]
[/size]
Blogger ist manchmal schon gemein
[size=10]
[/size]
Viel Spaß und Erfolg beim nacharbeiten
[size=10]
[/size]
[size=10]
[/size]

Lektion 08

Tue, 21 Oct 2014 21:13:02 +0200

Ich zeige dir hier,
wie du einen Downloadlink für eines deine Werke einfügen kannst.

Einige von Euch moechten bestimmt ihre selbsterstellten Poser oder Scraps
oder ähnliches zum Download anbieten,

Lade dazu zuerst diese Datei, die du zum Download anbieten möchtest
(vozugsweise als zip-Datei)bei einem Anbieter deiner Wohl hoch
und speichere dir diesen Link
dann erstelle einen neuen Post, indem du ein Vorschaubild dessen was du
verteilen möchtest, einfügst (wie das geht hast du im Grundkurs schon erlernt)

Schreibe vielleicht noch einen kleinen Text zu deinem Bild
und gehe nun im Posting Fenster oben auf "Link" (1)

Bei (2) setzt du ein entsprechendes Wort ein, wie
"Download" oder "Link"

und bei (3) den Link deines Downloads
anschließend klicke auf OK (siehe Screen)

hast du alles erledigt, gib dem neuen Post noch ein Label

poste mir bitte dann deinen Bloglink und warte auf mein OK
:duschaffstdas:

Lektion 07

Tue, 21 Oct 2014 21:07:49 +0200

Ich zeige dir hier,
wie du dein auf der Anwaltsseite generiertes Impressum
in deinen Blog integrierst.

Wenn du auf eRecht24.de dein Impressum erstellt hast,
dann kopiere da deinen erstellten Text,

erstelle nun in deinem Blogger eine neue Seite
klicke dazu auf Seiten (siehe Screen)

und nun oben auf neue Seiten
im aufklappenden Fenster gibst du den Titel ein "Impressum"
und unten deinen kopierten Text,
speichere nun.

Jetzt musst du wieder ein Gadget hinzufügen:

Gehe dazu wieder auf das Design - Layout
füge nun ein neues Gadget hinzu,
im aufgehenden Fenster suchst du dir das Gadget Seiten,

im nächsten aufklappenden Fenster stelle alles so ein, wie auf dem Screen
(du kannst statt "Seiten" bei Titel auch Imprressum reinschreiben,
ich hab es gelassen, weil ich später noch andere Seiten hinzufügen möchte)

hast du alles erledigt, klicke auf Speichern,
nun verschiebe dein Gadget am besten nach ganz unten auf deiner Seitenleiste
(oder wohin es dir gefällt)

poste mir bitte dann deinen Bloglink und warte auf mein OK
:duschaffstdas:

Lektion 06

Tue, 21 Oct 2014 21:02:08 +0200

Wir dürfen nicht vergessen, dass wenn mann etwas im www veröffentlicht,
man ein Impressum einfügen muss.

Gehe dazu wieder auf Das Design - Layout
füge nun ein neues Gadget hinzu
im aufgehenden Fenster suchst du dir das Gadget Text

Gib dann bei Titel
"Impressum" ein

und im Content
deinen Namen, deinen Ort und deine EMail
anschliessend klicke auf speichern

Du kannst aber auch gern auf die Seite
eRecht24.de - Internetrecht von Rechtsanwalt Sören Siebert
gehen und dir dort ein Impressum generieren lassen
Gleich unter dem ersten braunen Menü ist ein 2tes graues Menü und da steht an erster Stelle
Impressumgenerator

Achtung: möchtest du das von dir generierte Impressum
in deinen Blog einfügen, dann mache mit Lektion 7 weiter,
ansonsten springe zu Lektion 8
poste mir bitte dann deinen Bloglink und warte auf mein OK
:duschaffstdas:

Lektion 05

Tue, 21 Oct 2014 21:00:20 +0200

In dieser Lektion machen wir eine weitere kleine Verschönerung
in der Fusszeile deines Posts,
du passt deinen PostFooter noch an deine Farben an,

nach den Kursen die du bis jetzt durchlaufen hast,
brauch ich wohl die Anfangsschritte wie du wohin gelangst,
nicht mehr einzeln genau beschreiben.

Gehe in deinen Vorlagendesigner
(gehe in der Blogübersicht auf Vorlage und anschliessend auf Anpassen)

Klicke nun auf Erweitert (1) und scrolle rechts daneben zu Post-Footer (2)
scrolle dein Vorschaubild unten soweit nach unten, bis du die rote Strichlein-Umrandung (3) siehst,
nun kannst du deine Farben wählen und siehst auch gleich, wie sie sich auswirken.
Bist du mit allem zufrieden, klicke auf Auf Blog anwenden (4)

So das war's nun soweit eigentlich schon,
poste mir bitte deinen Bloglink und warte auf mein OK
:duschaffstdas:

Lektion 04

Tue, 21 Oct 2014 20:59:25 +0200

Nun verfeinern wir unseren Blog noch
z. B. die Ränder um unsere Bilder

gehe dazu in die html-Ansicht deines Blog,
dazu klickst du auf der linken Seite auf Vorlage

im nächsten Fenster
dann klicke auf HTML bearbeiten
hier siehst du Zeilennummern
und da bei einigen so ein kleines Dreieck,
d.h. das darunter Zeilen ausgeblendet sind
in diesem Fall musst du bei Zeile 13 (1)
auf das kleine Dreieck klicken um die versteckten Zeilen "herauszuklappen"
auf jeden Fall aber die Zeile öffnen bei der dieser Code (2) steht

....

(es kann sein das deine Zeilennummer anders ist)

darin such dir nun diesen Teil heraus

seht hier ungefähr (bei mir ist es Zeile 146)

ich habe die px in 2 und 5 geändert, du kannst das ganze mit deinem Blog nur austesten,
was am besten passt, es gibt da keine Richtlinien
überprüfe es vor dem speichern, indem du unten auf Vorschau klickst

HINWEIS: zur Sicherheit kopiere dir vorher den gesamten HTML-Text in eine TextDatei,
so kannst du ihn, falls du etwas ganz falsch gemacht hast, wieder einsetzen.

Willst du auch die Farbe des Randes ändern, dann suche folgendes
(bei mir auf Zeile 92)

hier ändere die Werte von den color-Werten, und passe sie deinen Farben an,
(erinnere dich, die hattest du beim Erstellen des Hintergrundes notiert)
auch hier wirst du öfters immer wieder über Vorschau probieren müssen.

Background Color ist die Farbe im Hintergrund des Bildes
Border Color die des Rahmens darum dann

poste mir deinen Bloglink und warte auf mein OK bitte
:duschaffstdas:

Lektion 03

Tue, 21 Oct 2014 20:58:59 +0200

Im dieser Lektion möchte ich dir zeigen
wie man einen Besucherzähler und eine Shoutbox in seinen Blog einfügt.

Such dir im Internet einen Besucherzähler/Counter
bei den meisten, die kostenlos sind, muss man sich einmalig registrieren
Kopier dir dort den html-Code.

Geh in dein Blog-Layout und auf Gadget hinzufügen
Im neuen Fenster suchst du dir HTML/JavaScript und fügst es hinzu

gib im neuen Fenster unter Titel (1) z.B. Besucher ein
und in Content (2) fügst du den Code ein den du vorhin kopiert hast

Anschliessend klicke auf speichern (3)

Verschiebe nun in deiner Blog-Ansicht den Counter an eine geeignete Stelle
So sieht meiner aus

Genauso verfährst du mit der Shoutbox,
suche dir eine geeignete im Internet und fügt den Code genau so ein,
am besten ihr setzt diese dann ans Ende der Seitenleiste.

Hier ein Beispiel

Bis du fertig und zufrieden, dann poste den Link zu deinem Blog
in deiner Schulmappe
und warte bitte auf mein OK :brille:

Viel Spass bei der Umsetzung
:hundsm:

Lektion 02

Tue, 21 Oct 2014 20:55:07 +0200

Wenden wir uns nun der NavigationsBar zu,
das ist die schmale Leiste ganz oben am Blog

wir wollen sie farblich anpassen
gehe dazu wieder auf deine Layoutseite und klicke auf
Navbar bearbeiten (1)

im aufklappenden Fenster wähle das aus, was am besten zu deinem Blog passt

hast du eines ausgewählt klick auf Speichern

nun klick in deiner LayoutAnsicht oben auf den Button Layout speichern
und überprüfe deine Änderungen, in dem du auf Vorschau klickst.

auch hier poste mir bitte deinen Bloglink in deiner Schulmappe
und warte auf mein OK :brille:

Viel Spass beim Ausprobieren
:lieb1:

Lektion 01

Tue, 21 Oct 2014 20:54:40 +0200

Hier im Aufbau Kurs wenden wir uns weiteren Feinheiten zu,
du brauchst hier auch keine Screens mehr machen,
sondern mir immer nur deinen Link wieder posten
Bitte warte, ehe du weitermachst immer auf mein OK erst.

Versuche bitte auch nicht vorzuarbeiten :nein:

Ich werde nun nicht mehr alle einzelnen "Wege" genau beschreiben,
denn durch den Grundkurs muesstest du eigentlich soweit Bescheid wissen,
falls nicht dann frag bitte, ich beisse, wie mein Hund, nur manchmal,
und nun gehts los:

1.
Fangen wir mit einer winzigen Änderung
in der Fusszeile an,
klick dazu zuerst in deiner LayoutAnsicht
unten auf Attribution und da auf bearbeiten

im aufklappenden Fenster schreibt euren Text (1)
wie er sich ändert seht ihr gleich darunter (2) in der Vorschau

postet mir bitte deinen Bloglink in deiner Schulmappe
und warte auf mein OK!

viel Spass beim ausprobieren
:lieb1: