08:38

Abgerundete Bilder

Heey ihr Lieben.

Ich möchte euch heute zeigen, wie ihr anstatt langweilige eckige Bilder, abgerundete Ecken an euren Bildern hinbekommt. So soll es dann aussehen:




  1. Ihr geht in euren HTML Bereich unter Dashboard/Vorlage/HTML bearbeiten.
  2. Ihr sucht nach img, oder a img  { oder img in Kombination mit post. je nach Vorlage anders. 




3. Nun fügt ihr unter img zwischen den beiden geschwungenen Klammern diesen Code ein:

-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;


Dann sollte das so ausschauen!


4. Speichern und fertig!

Liebe Grüße! Lena. 
12:31

Variante 2 - Weiße Musikleiste

Ich habe eine bessere Alternative zur ersten weißen Musikleiste (klick) gefunden.
Sie funktioniert wieder mit dem guten alten Youtube und macht wirklich wenig Arbeit.

Schritt 1:
Ihr sucht euch euer gewünschtes Lied in Youtube.
Aus der Adressleiste kopiert ihr euch nun den jeweiligen Teil der Url eures Liedes den ich fett markiert habe.

http://www.youtube.com/watch?v=v-i8okC0-GE

Schritt 2:
In den Html-Teil eures Postes kopiert ihr folgenden Code

<embed src="http://www.youtube.com/v/XXXXXX?version=2&amp;hl?&amp;fs=1&amp;&amp;loop=1&amp;color1=0xffffff&amp;color2=0xffffff?rel=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="25"></embed>

An die Stelle der X'e setzt ihr nun den vorher kopierten Teil der Url.
Wer möchte kann dann noch Länge und Breite der Leiste anpassen.

Edit: in diesem Post erscheint die Leiste einfach nicht. Fragt mich nicht wieso, es ist mir unerklärlich
auf meinem Blog könnt ihr sie aber im aktuellen Post anschauen.
10:25

Sidebar fixieren

Hey ihr Lieben.

Ich möchte euch heute erklären, wie ihr eure Sidebar fixieren könnt.
Zuerst solltet ihr wissen, dass für dieses Tutorial eure Sidebar nicht überfüllt sein sollte. Maximal ein Bild und vier Seiten-Buttons (CA.!)

1. Schritt: Vorlage/Design -> Anpassen -> Layout 

2. Schritt: Bei Body-Layout dürft ihr nur diese Sidebars auswählen rechts, links oder rechts und links. Die Sidebar darf sich auch nicht im Verlauf spalten. (Zur Auswahl stehen 2. in der 1. Reihe & 1. und 2. in der 2. Reihe)

3. Schritt: Ihr geht zurück auf Vorlage/Design -> HTML bearbeiten

4. Schritt: Nun sucht ihr mit Strg + F den Begriff ]]></b:skin>

5. Schritt:Ihr fügt den Code zwei Zeilen über ]]></b:skin> der Code kommt auf eure ausgewählte Sidebar an.

Linke Sidebar:
#sidebar-left-1{position:fixed;}


Rechte Sidebar: 
#sidebar-right-1{position:fixed;}

Rechte & Linke Sidebar:
#sidebar-right-1{position:fixed;}
#sidebar-left-1{position:fixed;}


Fertig!

Liebe Grüße und bis bald! Lena. 
07:08

Tutorial Ebenenüberlagerung

Hallo ihr Lieben, heute will ich heute mal zeigen, wie ihr ein Bild wie folgendes mit Gimp hinbekommt. Nichts schweres. Eine simple Arbeit mit Ebenen. Das Bild besteht im Endeffekt nur aus zwei Einzelbildern.


Schritt 1:
Ihr öffnet Gimp und euer Bild. Ich persönlich zieh die Bilder immer vom Ordner direkt in Gimp hinein - erspart Sucharbeit.
Stellt sicher, dass euer Ebenen/Kanäle/Pfade .. Fenster geöffnet ist. Ich weiß nicht, wie das bei Gimp 2.8 ist, aber ich muss das Ding, wenn es nicht da ist, unter Fenster - Andockbare Dialoge manuell öffnen.
Euer 2. Bild soll als neue Ebene geöffnet werden. Es reicht aus, wenn ihr das wie beim ersten Bild handhabt und es einfach in Gimp hineinzieht.
Es liegt nun als neue Ebene über eurem Ausgangsbild. Sieht man auch im Ebenenkasten.
Bei Bedarf kann man nun noch die Größe euer 2.Ebene ändern. (Rechtsklick auf die Ebene - Ebene skalieren)

Schritt 2:
Wir verringern die Deckkraft der oberen Ebene, sodass euer Ausgangsbild zu sehen ist.
Anschließend fügen wir der oberen Ebene einen Alphakanal hinzu.
Dazu einfach Rechtsklick auf die Ebene und ziemlich weit unten steht dann "Alphakanal hinzufügen" Der bewirkt, dass wir bei der Ebene Bildteile radieren können und die "Lücken" transparent bleiben, also nicht mit der Hintergrundfarbe gefüllt werden.

 
Schritt 3:
Wir suchen uns nun im Werkzeugkasten links das Radierwerkzeug und wählen einen aus.
Je nachdem wieviele Details der Umriss eures Ausgangsbildes hat, solltet ihr die Größe eures Pinsels wählen.
Nun radiert ihr das, was über euren Körper hinaussteht einfach weg.
Aber Achtung - ihr müsst auf der oberen Ebene bleiben.


Schritt 4:
Schaut nun natürlich noch ein bisschen doof aus.
Wir regulieren nun die Deckkraft des Radierers und gehen über den Körper. Ich würde empfehlen die Deckkraft der oberen Ebene wieder auf 100% zu stellen.
Beim Gesicht hab ich noch bisschen mehr radiert, als an den anderen Körperstellen.
Die Ebene mit den Blumen hab ich ausserdem nochmal dupliziert, weil mir die Blüten dann doch zu durchsichtig waren. Müsst ihr aber nicht tun!

Schritt 5:
Die Ebenen vereinen. Dazu Rechtsklick auf eine der Ebenen und unten in der Liste auf "sichtbare Ebenen vereinen". Die Einstellung in dem sich öffnenden Fenster so lassen.

Schritt 6:
Man kann jetzt noch bisschen an den Kurven, Kontrasten rumstellen oder einen Farbverlauf drüber legen.
Das wars auch schon.

Wenn noch Fragen sind, dann ab in die Kommentare damit oder zu meinem Ask .


09:49

Kontaktformular einbinden

Heey Ihr.

Ich wollte euch heute zeigen, wie ihr ein Kontakt formular wie z.B. hier auf eine Seite einbinden könnt.

Zunächst geht ihr auf diese Seite:

  1. Einstellungen: Bei Einstellungen würde ich zunächst diese Kästchen ankreuzen: E-Mail, Betreff, Webseite.
  2. Profi-Einstellungen: Dort fönnt ihr die Hintergrundfarbe und alles andere einstellen. Ihr klickt einfach auf Farbtabelle und dann kopiert ihr auf der erscheinenden Seite den Farbcode, den ihr als Hintergrundfarbe oder als Schriftfarbe eingestellt haben wollt.
  3. Zieladresse: Deine Email Adresse.
  4. Nun gehst du auf Formular erstellen.
  5. Jetzt kopierst du den Html Code.
  6. Nun geh auf Blogge rund auf die Seite auf der du das Formular haben möchtest.
  7. So. Nun müsste links oben irgendwo Verfassen und HTML stehen. Du gehst auf HTML.
  8. Am Ende dieses WirrWarrs machst du einmal Enter (große Taste, leere Zeile) und kopierst hier den Text rein. 
  9. Jetzt auf Aktualisieren/Veröffentlichen und fertig bist du.
Ich hoffe dieses Tutorial hat euch geholfen.
Welche Tutorials möchtest ihr noch von uns sehen?
Bis bald! Lena. 
08:41

Follow Gadgets wreden erklärt!

Hallo ihr Lieben.
Es lässt sich darüber streiten ob Google Friend Connect nun abgeschafft wird oder nicht. Eigentlich sollte es nun ja schon seit gestern weg sein. Das Gadget habe ich bis jetzt aber noch auf keinem Blog verschwinden sehen, deswegen hoffe ich ihr seit alle noch da! Der Eintrag ist von meinem Blog entnommen!
So hier eine entnahme aus meiner Sidebar. Oben könnt ihr ein blaues f erkennen. Ich habe nun eine eigene Facebook Page, inder ich immer meine neuesten Posts poste und ihr mich so einfach verfolgen könnt. Mit einem Klick auf dieses Bild gelangt ihr auf diese Seite. Der Vogel steht für Twitter dort könnt ihr mich auf Twitter verfolgen, dort gibt es News über mich und über den Blog. Ich heiße dort LenaCassy, weil der Account ursprünglich für Cassy und mich also Blogger von FreedomofArt gedacht, deswegen bekommt ihr dort News über beide Blogs. 

Das Follow me steht einfach für GFC. Das ursprüngliche follown.

Das nächste Gadget ist Bloglovin. Mit dieser Seite könnt ihr ganz einfach Blogs follown, wenn ihr selber einen Blog habt und dort angemeldet seit, werden eure Posts automatisch dort verlinkt. www.bloglovin.com

Google+ Followers ist das neue GFC. Ich musste die Screenhots mit meinem Handy machen, da es nicht mit meinem Computer geht und deswegen wird es dort auch nicht so wie am PC angezeigt. plus.google.com
Das nächste Gadget kommt von blog-zug.com.  Es nennt sich Blog Connect. Man kann sich dort nur mit Google+ und Facebook einloggen, was ich sehr riskant finde und es unbedingt mit g+ machen würde, da sonst euer vollständiger Name von Facebook angezeigt wird, denke ich!




Bei Verfolge mich per Mail ... könnt ihr einfach eure E-Mail Adresse eingeben und auf Submit gehen, nun wird euch immer wenn ich etwas poste eine Mail geschickt und ihr könnt mich ganz einfach weiterlesen.

Bei Abonnieren von habt ihr sehr viele Möglichkeiten mir zu folgen. Einmal könnt ihr meine Posts und die Kommentare abonnieren mit diesen Dingen: Add to Google (g+), netvibes, newsgator, Atom (RSS), My Yahoo, (Yahoo Mail)





Ich hoffe der Post hat ein paar Schwierigkeiten aus dem Leben eines Bloggers gerufen und ich habe euch ein wenig damit geholfen. Bis bald!