Icon vor dem Posttitel ♥♥♥

Heute zeige ich euch, wie man ein kleines Bildchen vor dem Posttitel einfügen kann! Und dafür braucht ihr gar nicht so viel Aufwand :)




Schritt 1 - Das Bild

Fangen wir mit dem Bild an. Ihr könnt euch auch selber eins erstellen, sie sollte allerdings die Größe 15x15px (darf auch etwas mehr sein) haben. Alle anderen folgen mir auf IconArchive.com oder auf eins eurer Wahl, wenn ihr noch bessere kennt :)

Dort schaut ihr nach einem Icon, das euch gut gefällt. Wenn ihr eins habt, klickt ihr rechtsklickend auf PNG (Egal welche Größe) und dann auf "Link speichern unter..."

Schritt 2 - Bildgröße optimieren

Jetzt muss die Größe abgestimmt werden. Entweder macht ihr das mit dem Bearbeitungsprogramm eures Vertrauens, wenn der das kann, oder ihr lädt es bei Photobucket oder Picnik (es gibt bestimmt noch mehr) hoch, wo ihr dann die Bildgröße auf 15x15px verkleinern könnt. Ich habe es mit Photobucket gemacht!

Schritt 3 - Einfügen

Ihr öffnet Design --> HTML bearbeiten und sucht nach h3.post oder h3.post-title (wie gewohnt mit STRG+F)

Darüber fügt ihr diesen Code ein:

.post h3 a, .post h3 strong {

background:url("http://www1.blogblog.com/harbor/icon_lighthouse.gif")

no-repeat left .15em;

display:block;

padding-left:20px;

text-decoration:none;

color:#336688;

font-weight:normal;

}

Auch wenn ich kein Posttitel oder so findet, sucht auf jeden Fall h3, denn das ist immer da!

Schritt 4 - Bild-URL einfügen

Und danach speichern nicht vergessen :D

Und schon habt ihr das Werk vollendet :) Wünsche euch viel Spaß damit ;)