"Fade Effekt" mit Gimp ♥

Bonjour meine Lieben!
Liliputaner Amo von YBB meldet sich zurück zum Dienst - heute ist es wieder so weit und ich zeige euch ein weiteres Mal eine kleine Spielerei mit GIMP. Den "Fade Effekt" kennt sicherlich jeder - eine Art und Weise um ihn zu bekommen wurde auch schon im Tutorial "GIMP-Skripte verwenden" erklärt. Heute zeige ich euch mal meine eigene Methode - auf gut Deutsch: ihr lernt, wie man ein Bild praktisch ausbleicht :)


Der Anfang ist schon bekannt: GIMP öffnen und danach da
s Bild, welches ihr bearbeiten wollt, mit Datei >> Öffnen (oberste Leiste ganz links) auswählen. Nachdem das vollbracht ist kanns auch schon losgehn.

Link
Nachdem ihr euer Bild ausgewählt und geöffnet habt, geht ihr in der Leiste auf Farben und wählt die zweite Möglichkeit von oben aus, die da heißt: "Farbton/Sättigung".


Nach diesem Schritt sollte sich bei euch von alleine ein kleines Extrafenster öffnen, das euch einen Überblick über die Farben und diverse Regler gibt. Mit denen könnt ihr dann etwas rumspielen - meine persönlichen Einstellungen beim Beispielbild waren bei der Sättigung -50 und bei der Helligkeit 10, aber jedem beliebts ja bekanntlich anders, daher zieht ein wenig an den Reglern und achtet darauf, dass links unten im Kästchen neben "Vorschau" ein Häckchen gesetzt ist, sonst ist es kein Wunder, dass ihr keine Veränderung seht :)

In der gesamten Ansicht sieht das dann aus wie auf dem ersten bzw zweiten Bild wenn sich das Fenster geöffnet hat (Bild 1 ohne Verschieben der Regler, Bild 2 bei meinen Einstellungen).
Genauer betrachtet müsste euer Farbton/Sättigung-Fenster aussehen wie auf dem dritten Bild, dort seht ihr auch nochmals meine Einstellungen. Ihr könnt auch nur einzelne Farben entsättigen, das eignet sich beispielsweise wenn ein Bild einen Farbstich hat, den ihr entfernen wollt.





Nachdem ihr entschieden habt, wie ihr euer Bild gerne hättet einfach auf OK klicken und ihr seht in eurem Bild die Veränderungen. (Damit ihr euch vorstellen könnt, was für unterschiedliche Ergebnisse ihr erzielen könnt, je nachdem an welchem Regler ihr was zieht: habt ihr beispielsweise Sättigung - 100 gewählt ist euer Bild dann Schwarz-Weiß wie hier, bei -50 ohne Helligkeitsveränderung kommt es in etwa so raus.)

Generell lohnt sich dieser erste Schritt schon mächtig, wenn ihr eurem Bild eine sanfte Ausstrahlung geben wollt. Meist wirken die Farben anfangs zu grell und minimieren die Wirkung des Bildes wenn es sich um ein solch sanftes Motiv handelt, wie ich es hier gewählt habe.

Nach diesem Schritt ist es möglich noch ein wenig die Kurve zu verändern (
Farben >> Kurven). Es öffnet sich ebenfalls wieder ein kleines Fenster, in dem ihr nun nach Lust und Laune mit der Kurve spielen könnt. Wie ich sie verschoben habe könnt ihr im zweiten Bild sehen - hier lohnt es sich wieder selbst zu testen, schließlich ist kein Bild genau gleich :)




Wenn ihr alle Schritte befolgt habt, müsste bei euch am Ende ein Bild mit einer wesentlich sanfteren Stimmung rauskommen und durch das Entsättigen entstehen sehr zarte Farben, die dem ganzen den Vintage bzw Fade Effekt geben. Ich wünsch euch viel Spaß beim Experimentieren und hoffe ich hab euch ein wenig geholfen.. :)

Read more ...

Wie erstelle ich ein Menü - Drop Down Menü (Teil 8)

Moin, Liebe CPL-Leser!
Ich blogge unter dem Namen Kuno in verschiedenen Genren (Bücher, Fotografie und mein Leben in Frankreich), heute probiere ich mich an meinem ersten HTML-Tutorial, weil mir das einfach total viel Spaß macht. Zu sehen, wie etwas wächst.
Okay. Genug Gelaber.


 sowas werdert ihr am Ende des Tut’s können! :) Ich werde euch zeigen, wie man ein Drop-Down-Menü machen kann. Wer's in Aktion bewundern will, kann  bei "Im Kopf eines Bookaholic" mal das Menü angucken...

Es ist ein manuelles Menü, müsst ihr vorher die Ansicht des Menüs deaktivieren (Keine Bange, das kann man auch alles wieder aktivieren…)

1. Schritt 
Dashboard->Seiten->Seite anzeigen als->Nicht anzeigen 

2. Schritt 

Als erstes geht ihr auf Dashboard->Layout->Neues Gadget erstellen->HTML-JAVA-SCRIPT 
Da fügt ihr dann folgendes ein:

3. Schritt 
Wenn ihr jetzt einen „normalen“ Link haben wollt (ohne Drop), fügt ihr folgendes ein:
Und mit Drop folgendes:


WICHTIG!

Li-Tag vom Link darf erst am Ende geschlossen warden, nicht wie bei den normalen Links schon nach dem !!!
 Ihr könnt variieren, wie viele Drops ihr wollt. Wenn ihr mehr wollt, einfach noch einen einfügen, wenn z.B. nur einen, die überflüssigen Links löschen.

So sieht es bei mir aus. Ich habe mehrere Menüpunkte, und mehrere Drops.

Schritt 3.1. (nicht unbedingt nötig, für ein Bild als Hintergrund) 

Wenn ihr ein Hintergrundbild haben wollt, öffnet jetzt GIMP (oder ein anderes Programm) und erstellt ein ca. 2000x20 px großes neues Feld und erstellt es so, wie ihr es wollt.
Wichtig!
Macht es nicht zu bunt, man soll ja noch alles lesen könnt. Dann speichert ihr das Bild ab, und ladt es bei Blogger hoch (einfach nen neuen Post, Bild hochladen).
Da geht ihr auf HTML und normalerweise sollte es dann so aussehen:

Das Blau unterlegte ist der Link. Den braucht ihr. (Fügt ihn bei url(LINK); ein, anstelle des Links natürlich :D)

Das war’s mit dem Gadget.
Aber jetzt geht der Spaß erst richtig los, denn CSS kommt mit ins Spiel!! Ich persönlich finde das am besten, da kann man viel ändern, und es macht am meisten Spaß.

4. Schritt 
Öffnet den Vorlagendesigner auf Blogger, geht auf „Erweitert“ und dann den letzten Punkt, „CSS hinzufügen“ Dort fügt ihr dann folgendes ein:
5. Schritt 

Erklärungen der einzelnen Tags (und Attribute…) 

  width: 770px; <-- Breite des Bildes/Leiste. Wie breit wollt ihr eure Leiste? Passt sie eurem Blog an!

  background: url(link); ODER background: #000000; <-- der Hintergrund des Menüs. Wenn ihr ein Bild haben wollt, fügt die URL bei (link) ein (WICHTIG: Klammern stehen lassen!). Wenn ihr eine Farbe haben wollt, müsst ihr sie im rgb-Muster eingeben. Eine Tabelle, welche Farben es ohne diese Zahlen gibt, gibt es HIER

height:25px; <-- Höhe des Bildes/Leiste. Auch hier wieder:  passt sie eurem Blog an! Wie hoch wollt ihr das Menü?

position: fixed; <--Wie soll das Menü ausgerichtet werden? Mit „fixed“ geht es mit, bleibt stehen. Wenn ihr das nicht wollt, löscht es! (ACHTUNG! Diese Zeile gibt es zwei mal!)

  font:normal 14 Coming Soon; <--Schriftgröße und Schriftart. Andere Schriftarten-Beispiele: Arial, Calibiri (ACHTUNG! Auch diese Zeile gibt es zweimal! Beim ersten Mal ist es die Schriftgröße und –Art des normalen Textes, beim zweiten Mal die Schriftgröße und –Art eines Links!)

color:black; <-- Schriftfarbe. Für mehr Farben guckt HIER (ACHTUNG! Auch diese Zeile gibt es zweimal! Beim ersten Mal ist es die Schriftfarbe des normalen Textes, beim zweiten Mal die Farbe eines Links!)

#nav1 ul li:hover > a {
  background: url(LINK);  ODER background: #000000; <-- Hintergrund beim Mouse-Over. (wenn ihr mit dem Courser über den jeweiligen Textes seid). Auch hier wieder bei einem Link die URL anstelle „LINK“ einsetzen, oder bei einer Hover-Farbe das rgb-Muster eingeben. Eine Tabelle, welche Farben es ohne diese Zahlen gibt, gibt es HIER

Bis hier hin geschafft?! SUPER! Bitte einmal abspeichern und Ergebnis bewundern!
Das Menü ist nun aber noch eckig. Ich habe da noch ein paar Spielerein eingefügt, damit es rund wird. Hier die Erklärung dafür.

Sucht(STRG + F)  in eurem CSS die Zeile
#nav1 {

Danach fügt ihr folgendes ein:
Damit ist euer Menü rund. (Die Zahl „6“ könnt ihr ändern) Damit euer Drop auch noch rund wird, sucht ihr nach folgendem:
 #nav1 ul li:hover > a { 
Und fügt folgendes ein:
Damit ist euer Drop rund. (auch hier kann die Zahl „6“ wieder geändert werden, ich persönlich finde es immer schöner, wenn Drop und Menü die gleiche Abrundung (also Zahl) haben.)
 Damit sollte alles getan sein.
Es scheint vielleicht etwas sehr groß vorkommen, aber es ist eigentlich ganz leicht. Wenn ihr Fragen habt, stellt sie (:


Liebe Grüße, und
möge das Glück stets mit euch sein
Kuno
(von Bildmoment, Kuno in Massy & Im Kopf eines Bookaholic) 
Read more ...

Sich bewegende Schrift ♥♥

Hallo ihr Lieben,
ich bin Lyn von dem Tutorialblog  "It's Time to steal Ideas" und meinem Blog "I lost my soul in faded memories".

Heute zeige ich euch ein bisschen HTML. Und ich denke es interessiert auch einige von euch. Und zwar ist das hier ein Tutorial wie man eine sich bewegende Schrift machen kann. Ein Beispiel dafür seht ihr hier:
Hallo Du da!

Natürlich kann man das ganze auch so: Hallo Du da!
so: Hallo Du da!
oder so: Hallo Du da! aussehen.

(Kommt sehr verwirrend herüber, das Chaos an sich bewegender Schrift dort oben. Ich hoffe ich verzeiht mir das.)

-----------------------------------------------------------------------------------

Als erstes braucht ihr folgenden Code:

<marquee>HIER KOMMT DEIN TEXT HIN</marquee>

Dann sieht das ganze so wie hier aus:
HIER KOMMT DEIN TEXT HIN

Um den Text noch weiter zu gestalten gibt es folgende Optionen:

direction: Mit den Attribut direction könnt ihr die Richtung des Textes festlegen.

Dabei gibt es folgende Möglichkeiten:


direction="right"
Fließrichting von Links nach Rechts

direction="left"
Fließrichtung von Rechts nach Links

direction="up"
Fließrichtung von unten nach oben

direction="down"
Fließrichtung von oben nach unten

Das Attribut wird VOR der Schließenden >-Klammer von <marquee> eingefügt.

Bsp.: <marquee direction="right">

scrolldelay: Das Attribut scrolldelay definiert den Abstand zwischen dem Text und seiner Wiederholung genauer. Die Zahlen bezeichnen die Millisekunden die Zwischen zwei Texten liegen. Um so größer die Zahl, um so größer der Abstand! Das Attribut wird VOR der Schließenden >-Klammer von <marquee> eingefügt. (Bsp.: <marquee direction="right" scrolldelay="200"> )

Bsp.1: scrolldelay="200"
Hallo Du da! Bsp.2:
scrolldelay="800"
Hallo Du da!

scrollamount: Das Attribut scrollamount beschreibt die Schnelligkeit des Textes. Je größer die Zahl um so schneller fließt der Text. Das Attribut wird VOR der Schließenden >-Klammer von <marquee> eingefügt. (Bsp.: <marquee direction="right" scrolldelay="200" scrollamount="3"> )

Bsp.1: scrollamount="100" Hallo Du da! Bsp.2: scrollamount="3"
Hallo Du da!

Height: Definiert die Höhe. Wenn ihr direction="up" oder direction="down" ausgewählt habt, dann könnt ihr damit die Höhe des Textbereiches einstellen (in Pixel). (Bsp.: <marquee direction="right" scrolldelay="200" scrollamount="3" height="25px;> )

Ich hoffe das Tutorial konnte euch helfen oder ähnliches. ♥
Bei Fragen fragt mich doch einfach auf Formspring!

Read more ...

Unsere Fotografie-Expertinnen!


Es hat zwar gedauert, aber nun dürfen wir unsere neuen Fotografie-Expertinnen vorstellen! An dieser Stelle ein großes Dankeschön an unseren Autoren Jen, Amo und Yoko, die bei dieser Entscheidung mitgeholfen haben!




Aloha und ahoi alle zusammen.Mein Name ist Nathalie von breathe the ocean.Ich bin 15 Jahre alt und komme aus Frankfurt am Main.
Meine Kamera ist mein ständiger Begleiter.Fotografieren ist für mich eine Art sich auszudrücken.Gefühle auf das Papier oder eben auf Bilder zu übertragen war schon immer meine Lieblingsbeschäftigung.
Ich liebe meine Kamera, Multivitamineis, Regen und Pudding. Ach und meinen Freund.

Ich werde von nun an mit Michi zusammen den Fotografieteil des Blogs übernehmen.
Also,schaut euch nicht und fragt uns aus.

blog: http://30secondstillsunrise.blogspot.de/
portfolio: http://dailydreamer.weebly.com/



Moin Moin an alle lieben CopyPasteLove-Leser. 

Ich heiße Michaela bzw. Michi (im Web auch unter den Namen Some.day unterwegs), bin 23 Jahre alt und komme aus Berlin. Dort studiere ich gerade im 2 Semester Kommunikationsdesign. Ursprünglich komme ich aus Erfurt und habe vor dem Studium eine Ausbildung zur Fotomedienlaborantin im Norden Deutschlands gemacht.
Wenn ich mich und meine Arbeit bzw. meine Kunst beschreibe, würde ich vermutlich sagen: „Ich versuche mich gerne in allem, aber vermutlich kann ich nicht alles perfekt. Aber wenn ich etwas am liebsten mache, dann ist es fotografieren.“
Denn ich fotografiere nicht nur, sondern male und zeichne z.B. auch ziemlich gerne.
Außerdem bin ich gerne in Deutschland unterwegs, schlafe gerne aus, höre überall Musik,und freue mich wenn ich meine Freunde sehen kann.

Ich freue mich darauf, mit Nathalie den Fotografieteil bei CPL zu leiten und Fragen diesbezüglich beantworten zu können.
Hierzu würden wir uns über Tutorialwünsche oder ähnliches von euch freuen.

Ich bin gerade dabei ein Onlineportfolio zu erstellen. Deswegen könnt ihr ersteinmal nur auf folgenden Links meine Arbeiten sehen bzw. meine Beiträge lesen.

Read more ...

Sorgen einer Schulabgängerin


Gestern hatte ich meinen letzten Schultag und nun, nun bin ich weder Schüler noch FSJler, sondern etwas dazwischen. Schulabgänger? Hört sich doof an, immerhin muss ich noch paar mal zur Schule um meinen Zeugnis abzuholen.

Ich hab in den letzten Tagen ein paar Bilder, wie versprochen, während der Mottowoche, gemacht. Leider war ich die meiste Zeit nicht auf dem Schulgelände, sei es wegen dem vielen Eisessen mit den Klassen oder verschlafen oder putzen und vorbereiten der Vernissage, die unser Kunstkurs veranstaltet. (Bilder folgen!)

Und selbst als ich kaum in der Schule war, hatte ich irgendwie keine Ahnung gehabt, was ich anziehen soll. Und nun? Nun bin ich aus der Schule und nächste Woche habe ich ein Gespräch bei meiner FSJ-Einsatzstelle und jedesmal, wenn ich in meinem Schrank schaue, denke ich mir: "Was zum Teufel hast du die letzten zwei Jahre getragen?!" Nicht mal im negativen Sinne, doch keines dieser Sachen kann ich irgendwie anziehen für das Gespräch. Aber das ist nicht einmal mein größtes Kleidungsproblem, denn: Was ziehe ich denn das nächste Jahr im FSJ an?! Ich meine, mein Kleidungsstil bewegt sich zwischen gammelig und chillig, manchmal ist es auch ziemlich schräg - für Schule und Freizeit okay, aber sowas kann ich doch nicht anziehen, wenn ich in einem psychosozialen Zentrum arbeite?

(Im Bild sieht man ja ungefähr, wie ich den ganzen Tag herumlaufe. Cut-Off-Shirt, Cut-Off-Shorts, die extravagante Schuhe von Best Mountain, die ich über alles liebe - aber sowas kann ich nicht zum arbeiten tragen !!)

Es tut mir furchtbar leid, wenn ich euch mit meinen mickrigen Problem nerve, aber hattet bzw. habt ihr das Problem auch?

Allerliebst, Mira
Read more ...

Designen des Übersetzungsgadgets

Hey ihr lieben. Ich bin die Theresa von Fotografie ist Leben.
Ich möchte euch heute zeigen, wie ihr ein Übersetzungsgadget einbinden und designen könnt.
Das geht mit zwei Varianten. Eine sehr leichte, und eine, bei der ihr etwas mehr Zeit braucht, aber mit der richtigen Erklärung ist auch das nicht schwer. Ich fang mal mit der unaufwändigen Variante an.
Am Ende könnte euer Gadget so aussehen:



Variante 1:
Geht zuerst auf Blogger ins Dashboard. Jetzt geht ihr auf 'Layout'. Ihr glaubt es kaum, geht in die Sidebar, oder wo auch immer ihr das Gadget haben wollt. Footer ginge beispielsweise auch. Klickt nun auf 'Gadget hinzufügen' und scrollt runter, bis ihr das hier findet (sollte nicht allzu lange dauern).


Klickt es an und dann kommt ihr zu dieser kleinen Auswahl.



Also nun erklär ich euch kurz, was ihr hier verändern könnt. Oben bei 'Titel' könnt ihr eingeben, was ihr wollt. zB. Übersetze meinen Blog oder Other Language. Das bleibt euch Alleine überlassen. Bei Stil könnt ihr aussuchen, wie es aussehen soll. Ich muss nicht viel erklären. Wenn ihr eins anklickt, bekommt ihr es bei Vorschau angezeigt. Wenn ihr alles eingestellt habt, klickt ihr auf Speichern und könnt es bewundern. :)

Tipp: Bei dieser Variante wird euer Blog in alle Sprachen übersetzt. Wenn ich das nicht wollt, müsst ihr euch an Variante 2 wenden.


Variante 2:

Auch hier braucht ihr keinerlei HTML-Wissen. Ich hab auch keins. ;) Bei dieser Variante könnt ihr das gleiche bewirken, wie bei der oberen - wenn ihr wollt. Aber ihr könnt es auch anders designen. Das könnt ihr dann immernoch entscheiden. Aber wie ihr es anders hinbekommt, erklär ich euch jetzt.


Ihr müsst eigentlich nur zum Google Übersetzter kommen, da dieses Gadget 'powered by google' ist. Zum Übersetzer kommt ihr, indem ihr auf www.google.de geht und dann oben in der schwarzen Leiste auf Mehr und dann auf Übersetzer klickt.


Wenn ihr das geschafft habt, kommt ihr hierhin. Das ist die normale Übersetzer-Seite, in der ihr auch normale Wörter oder Texte übersetzen (lassen) könnt. klickt einfach unten auf Website-Übersetzer, denn ihr wollt ja nicht eure Posts doppelt schreiben :D 




Nun kommen wir ans Eingemachte.


Schritt 1: Ich denke ihr wollt alle euren gesamten Blog übersetzen. Aber hier könnt ihr wählen, ob ihr nur Teile des Blogs oder den gesamten Blog übersetzen wollt. Wobei ich nicht verstehe, was es bringt, nur einen Teil zum übersetzen freizugeben. ;)
Nun scrollt etwas runter. :)





Schritt 2: Ich habe schon ein paar Blogs gesehen, die auf Englisch geschrieben sind. Hier wählt ihr einfach die Sprache aus, in der euer Blog geschrieben ist!! Nicht verwechseln mit der Sprache(n) in die er übersetzt werden muss.
Google (bzw. das Gadget am Ende) muss das nur wissen, um auch eine Übersetzung hinzubekommen. Denn sogut wie jeder schreibt ab und zu mal ein englisches Wort in seinen deutschen Post und dann wäre es blöd, wenn Google dann die Englischen Wörter übersetzt.
Wieder ein bisschen hinunterscrollen :)



Schritt 3.1: Hier könnt ihr einstellen, in welche Sprachen euer Blog übersetzt werden soll. Es ist - wie ich finde - sehr unübersichtlich, wenn ihr Alle Sprachen anklickt. Als erstes klickt ihr dort oben auf Optionale Einstellungen einblenden. Das habe ich schon gemacht. Bei mir steht da jetzt "Optionale Einstellungen ausblenden". Man brauch das nicht unbedingt, es sind eher Kleingkeiten über das Design und die Vielfalt des Gadgets. Nun könnt ihr auswählen, ob ihr euren Blog in alle 53 Sprachen (die angeboten werden) übersetzen lassen wollt. Weil es so durcheinander wird, habe ich mich für Englisch, Französisch, Italienisch, Chinesisch und Türkisch entschieden. aber das bleibt euch natürlich selbst überlassen :) Klickt einfach die Sprachen, die ihr wollt an. Wenn ihr alle Sprachen auswählen wollt klickt ihr entweder auf Alle Auswählen oder etwas weiter oben auf Alle Sprachen. 
Und jetzt gehts wieder etwas runter! :D



Schritt 3.2: Als nächstes entscheidet ihr, wie das Gadget am Ende aussehen soll. 
Eingebettet: So ist es auch, wie es aussieht, wenn ihr Variante 1 anwendet. Ihr bekommt auch eine Vorschau, deshalb erkläre ich euch das nicht.

Gefällt euch das nicht, dann könnt ihr anstatt Eingebettet  "Im Tap-Format" aussuchen.
Das kleine Gadget bleibt immer auf dem Bildschrim fixiert an einer Ecke, die ihr wählen könnt. Man kann wählen, an welcher Stelle das Gadget sein soll. Ihr könnt euch das vorstellen, wenn ihr auf meinen Blog geht. Es sieht etwa so aus, wie die 'Social Media Buttons' oder 'upstairs'. Auf jeden Fall bleibt es dann fixiert an irgendeiner Ecke. Mit Oben Rechts oder Unten Links könnt ihr die Position auswählen.

Um es vollständig zu machen, könnt ihr auch noch Automatisch auswählen. Das Übersetzungsbanner wird automatisch eingeblendet, wenn die Standard-Browsersprache des Besuchers von der Sprache Ihrer Seite abweicht. Es wird kein Dropdown-Menü angezeigt. Das bedeutet für euch, dass jemand, der zum Beispiel aus Polen kommt und auf eure Seite stößt einen Banner angezeigt bekommt, wo er auswählen kann, ob er euren Blog übersetzt haben will. Das ist vielleicht auch ganz sinnvoll, denn andersprachige Leute stoßen vielleicht auf euren Blog und sehen, dass er in einer anderen Sprache ist und dann denken sie sich, oh nö, das versteh ich eh nicht und haben das Gadget vielleicht noch gar nicht entdeckt.
Jetzt bitte ein bisschen runterscrollen..





Schritt 3.3: Als nächstes seht ihr das da. Ich verstelle daran nichts. Für alle "Alltags"-Blogger macht dies auch - wie ich finde - keinen Sinn, denn man schreibt eigentlich nur auf einer Sprache, und wenn mn mal ein Englisches Wort benutzt, macht das nichts. Aber das ist auch Geschmackssache. 

Punkt 1: Macht Sinn, wie ich eins weiter oben schon anhand des Polen erklärt habe ;)

Punkt 2: Wie schon erwähnt, macht es nichts, wenn ihr ein paar Wörter auf einer anderen Sprache schreibt, ihr werdet auch so verstanden. Wenn ihr aber ganz viele verschieden Sprachen benutzt und das auch sehr häufig und oft, solltet ihr hier ein Häkchen setzen.

Punkt 3: Wer sich mit Google Analytics auskennt (bzw. Ein Konto hat) und interessiert, wie das Übersetzen genutzt wird, macht es sicherlich Sinn. Ihr könnt nachlesen, in welche Sprache übersetzt wird etc.




Schritt 4: Der einfachste Schritt. Wenn ihr alles so ausgewählt habt, wie ihr es gerne hättet, dann könnt ihr nun diesen Textabschnitte (eher gesagt HTML-Code) im Bild kopieren. Es verändert sich natürlich je nach Einstellung. Ihr dürft nicht meinen Code hier kopieren. Also ihr könnt schon, dann ist die Einstellung so, wie ich sie ausgewählt habe. Aber 1. Wäre es total umständlich das alles abzutippen und 2. Könnte es sein, dass ihr andere Einstellungen gewählt habt. BITTE KOPIERT DAS VON EUREN EINSTELLUNGEN UND NICHT VON DIESEM BILD
Oben rechts seht ihr noch ein Add to Blogger Symbol. Wer bei Google eingeloggt ist, kann auch darauf zurückgreifen. Ihr klickt einfach drauf und wählt (bei mehreren Blogs) euren Blog, der es sein soll aus. Danach könnt ihr das Gadget noch im Layout an die richtige Stelle rücken. Wenn ihr Add to Blogger geklickt habt, seid ihr jetzt fertig. Ihr könnt es noch verschieben.



Zum Schluss geht ihr wieder auf Blogger ins Layout. Noch ein Gadget HTML/JavaScript hinzufügen und dann den HTML-Code aus Schritt 4 einfügen.
Alles speichern und schon könnt ihr das Ergebnis sehen.

Ich hoffe, da Tutorial hat euch geholfen und ihr habt alles verstanden! :)
Wenn ihr noch mehr Tutorials von mir wollt, dann besucht mich doch auf meinem Blog. :)
Read more ...