Hover: Letterspacing bei Links und Posttiteln ♥

Hi ihr Lieben! :)
Ich bin Laura von worldwidedancer und schreibe nun bereits meinen zweiten Gastpost hier für euch. Diesmal gehts um das ganz simple Letterspacing. Letterspacing. Ja, was heißt das jetzt? Jeder Link wird irgendwie verändert, wenn man mit der Maus drüber fährt oder ihn anklickt. Also entweder er wird farbig, fett oder kursiv oder was auch immer. Letterspacing bedeutet einfach, dass die Buchstaben bei eurem Posttitel und bei allen anderen Links bei Mouseover auseinander gehen.



1. SCHRITT:
Ihr öffnet Design - Vorlage - HTML bearbeiten und sucht nach eurem html body. Um die Suche weiter einzugrenzen Strg + F und nach a:link suchen. Dann müssten ihr darunter so Punkte finden wie a:visited und a:hover. Ungefähr sowas müsste da stehen:

a:link {
  text-decoration:none;
  color: $(link.color);
}

a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}

a:hover {
      letter-spacing: 3px;
}

2. SCHRITT:
Den wichtigen Bereich habe ich schonmal fett makiert. Bei a:hover stehen bei euch vielleicht noch andere Sachen darunter, aber die sind erstmal nebensächlich. Nun fügt ihr darunter einfach letter-spacing: 10px; ein. Vergesst am Ende nicht das Simikolon sonst funktioniert es nicht ;) Die Zahl steht für den Abstand der einzelnen Buchstaben. Je höher die Zahl ist desto weiter stehen sie auseinander. Diese Zahl könnt ihr also beliebig verändern.

3. SCHRITT: Wenn ihr nun noch wollt, dass die Buchstaben zusätzlich noch farbig oder fett sein sollen fügt ihr einfach weitere Zeilen wie color:blue; font-weight:bold; oder sowas ein. Hier könnt ihr das so gestalten, wie ihr wollt :)

Und das wars dann auch schon! Alles ganz easy. Ich hoffe ihr kommt gut mit der Erklärung zurecht. 
Viele liebe Grüße an euch, Laura :)