26.11.2011 um 14:37 Uhr
How-To: Blog v2
Eine kleine Einweisung in die Basics des Blog-Schreibens.
Bilder einfügen:
Ihr braucht eine Adresse zu dem Bild, das ihr darstellen wollt. Diese Adresse hat meistens ".jpg", ".jpeg", ".png" oder Ähnliches am Ende.
Beispiel:
Diesen Link müsst ihr jetzt in einen Code einbinden.
Beispiel:
Das Ergebnis sieht dann ungefähr so aus:
Größe der Bilder ändern:
Viele Bilder sind zu groß und können daher auch kleiner gemacht werden. Dafür muss der Code ein wenig angepasst werden.
Beispiel:
Wobei "width" für die Breite und "height" für die Höhe des Bildes stehen.
Das wird dann aus dem Bild:
Youtube-Videos enbinden:
Auf der Youtube-Seite des Videos gibts ein Feld "Weiterleiten". Dadrunter gibt es einen Button "Einbetten". Ein Code wird sichtbar. Diesen kopieren und einfach so in den Blog einfügen. Wichtig: das Kästchen "Alten Einbettungscode verwenden" muss vor dem Kopieren angekreuzt sein.
Beispiel:
Auch bei Videos kann es passieren, dass sie viel zu breit für den Blog sind. Deswegen kann es sein, das die Größe verändert werden muss.
Dafür müssen einfach "object width="560" height="315">" am Anfang und "width="560" height="315" " am Ende angepasst werden. Auch hier steht "width" wieder für die Breite und "height" für die Höhe des Videos.
Schrift gestalten:
Fettschrift: vor den Wörtern ( b ) ohne Leerzeichen und hinter den Wörtern ( /b ) ohne Leerzeichen einfügen.
Kursiv: vor den Wörtern ( i ) ohne Leerzeichen und hinter den Wörtern ( /i ) ohne Leerzeichen einfügen.
Farbe ändern:
Beispiel:
Dieser Code
färbt einen normalen Schriftzug in Thunder
"red" könnt ihr entweder durch den englischen Namen eurer Wunschfarbe oder dem Farbcode ersetzen. (Rot wäre da "#FF0000". Die Codes für andere Farben sind im Web zu finden.)
Größe ändern:
Beispiel:
Dieser Code
macht aus einem normalgroßen Schriftzug Thunder
"large" könnt ihr dabei durch
xx-small (= winzig)
x-small (= sehr klein)
small (= klein)
medium (= mittel)
large (= groß)
x-large (= sehr groß)
xx-large (= riesig)
ersetzen!
Links:
Beispiel:
Links zu anderen Seiten könnt ihr durch den Code
in euren Blog einbauen. Der Schriftzug "Hier gehts zu Spox!" wird im Blog dann anklickbar und führt zu www.spox.com.
Anderes:
Die gewöhnlichen Formatierungen wie "fett", "kursiv" und so weiter können wie immer auch durch die normalen Spox-Befehle (fett = (b )...(/b )) umgesetzt werden. (Ohne Leerzeichen)
Alle Sachen könnt ihr mit "center" in "<>", bzw. "/center" in "<>" zentrieren.
Die horizontale Linie, die ich hier verwendet hab, bekommt ihr mit "hr" in "<>".
Das Spox-Blogfenster lässt Bilder und Videos mit einer Größe von bis zu 450 Einheiten zu, macht sie nicht größer, sonst sprengen sie den Rahmen.
Nützlich ist vielleicht die "moderne" Anordnung von Text neben einem Bild, anstatt darunter oder darüber.
Dazu sind folgende Codes notwendig:
Der Text, der direkt nach diesem Code geschrieben wird, wird links neben das Bild verschoben.
Der Text, der direkt nach diesem Code geschrieben wird, wird rechts neben das Bild verschoben.
Bilder einfügen:
Ihr braucht eine Adresse zu dem Bild, das ihr darstellen wollt. Diese Adresse hat meistens ".jpg", ".jpeg", ".png" oder Ähnliches am Ende.
Beispiel:
Diesen Link müsst ihr jetzt in einen Code einbinden.
Beispiel:
Das Ergebnis sieht dann ungefähr so aus:
Größe der Bilder ändern:
Viele Bilder sind zu groß und können daher auch kleiner gemacht werden. Dafür muss der Code ein wenig angepasst werden.
Beispiel:
Wobei "width" für die Breite und "height" für die Höhe des Bildes stehen.
Das wird dann aus dem Bild:
Youtube-Videos enbinden:
Auf der Youtube-Seite des Videos gibts ein Feld "Weiterleiten". Dadrunter gibt es einen Button "Einbetten". Ein Code wird sichtbar. Diesen kopieren und einfach so in den Blog einfügen. Wichtig: das Kästchen "Alten Einbettungscode verwenden" muss vor dem Kopieren angekreuzt sein.
Beispiel:
Auch bei Videos kann es passieren, dass sie viel zu breit für den Blog sind. Deswegen kann es sein, das die Größe verändert werden muss.
Dafür müssen einfach "object width="560" height="315">" am Anfang und "width="560" height="315" " am Ende angepasst werden. Auch hier steht "width" wieder für die Breite und "height" für die Höhe des Videos.
Schrift gestalten:
Fettschrift: vor den Wörtern ( b ) ohne Leerzeichen und hinter den Wörtern ( /b ) ohne Leerzeichen einfügen.
Kursiv: vor den Wörtern ( i ) ohne Leerzeichen und hinter den Wörtern ( /i ) ohne Leerzeichen einfügen.
Farbe ändern:
Beispiel:
Dieser Code
färbt einen normalen Schriftzug in Thunder
"red" könnt ihr entweder durch den englischen Namen eurer Wunschfarbe oder dem Farbcode ersetzen. (Rot wäre da "#FF0000". Die Codes für andere Farben sind im Web zu finden.)
Größe ändern:
Beispiel:
Dieser Code
macht aus einem normalgroßen Schriftzug Thunder
"large" könnt ihr dabei durch
xx-small (= winzig)
x-small (= sehr klein)
small (= klein)
medium (= mittel)
large (= groß)
x-large (= sehr groß)
xx-large (= riesig)
ersetzen!
Links:
Beispiel:
Links zu anderen Seiten könnt ihr durch den Code
in euren Blog einbauen. Der Schriftzug "Hier gehts zu Spox!" wird im Blog dann anklickbar und führt zu www.spox.com.
Anderes:
Die gewöhnlichen Formatierungen wie "fett", "kursiv" und so weiter können wie immer auch durch die normalen Spox-Befehle (fett = (b )...(/b )) umgesetzt werden. (Ohne Leerzeichen)
Alle Sachen könnt ihr mit "center" in "<>", bzw. "/center" in "<>" zentrieren.
Die horizontale Linie, die ich hier verwendet hab, bekommt ihr mit "hr" in "<>".
Das Spox-Blogfenster lässt Bilder und Videos mit einer Größe von bis zu 450 Einheiten zu, macht sie nicht größer, sonst sprengen sie den Rahmen.
Nützlich ist vielleicht die "moderne" Anordnung von Text neben einem Bild, anstatt darunter oder darüber.
Dazu sind folgende Codes notwendig:
Der Text, der direkt nach diesem Code geschrieben wird, wird links neben das Bild verschoben.
Der Text, der direkt nach diesem Code geschrieben wird, wird rechts neben das Bild verschoben.
Aufrufe: 22611 | Kommentare: 14 | Bewertungen: 17 | Erstellt:26.11.2011
ø 9.5
KOMMENTARE
Um bewerten und sortieren zu können, loggen Sie sich bitte ein.
26.11.2011 | 19:26 Uhr
0
Gnanag :
Klasse Blog, landet bei mir auch in den Lesezeichen!
0
26.11.2011 | 21:10 Uhr
0
diddoff :
Ja, bei dem wird aber nicht mehr alles richtig dargestellt. Der hier ist krisensicher.
0
28.11.2011 | 14:54 Uhr
0
Jasper32 :
Wer dafür ist, dass diddoff von Spox einen Heiligenschein über seinem Avatarbild spendiert bekommt gebe mir bitte ein Plus.^^
30
13.12.2011 | 13:40 Uhr
0
2
07.04.2012 | 13:41 Uhr
0
1
28.04.2012 | 11:04 Uhr
0
Jasper32 :
"Verbesserungsvorschlag: Die bb-Codezeilen nicht als Minigrafik, damit man sie rauskopieren kann. "Push!
1
28.04.2012 | 12:06 Uhr
0
diddoff :
Musste so sein, weil sie sonst nicht gut angezeigt werden oder den Blog zerschießen. ^^
0
20.08.2012 | 15:47 Uhr
0
diddoff :
Ohne großartig zu suchen, fällt mir spontan nur das Einbinden eines Youtube Videos mit Autostart ein. Wie das geht, kann dir Google sagen.(Zum Wohle deiner Leser rat ich dir aber davon ab
)
0
COMMUNITY LOGIN
Statistik
Neueste Kommentare
