Blog-News & Anleitung: Smileys in Blogposts einfügen

Irgendwie gehören :), ;), ^^ und *.* und Co mittlerweile noch mehr zum Internet als www und Satzzeichen, habe ich manchmal das Gefühl. Aber das ist ja auch gut so, und außerdem bringen Smileys gleichzeitig noch etwas mehr Farbe in den Blog, oder? Also, ab heute gibt es drei Neuerungen auf meinem Blog: 1.) Diese süße grüne Smileyfamilie meine Blogposts! 2.) Außerdem habe ich meinen Blogroll auf mehrere nach Themen geordnete Listen aufgeteilt, damit das ganze etwas übersichtlicher wird. Und 3.) habe ich die Kommentareinstellungen so angepasst, dass ihr auch (nach Anti-Spam-Wortbestätigung) anonym Kommentare zu meinem Blogposts hinterlassen könnt!

Und wie auch ihr Smileys (und natürlich auch andere kleine Grafiken und Bilder) in eure Blogposts einbauen könnt, ohne dass sich danach der ganze Text verschiebt, das erkläre ich euch hier. Dazu dürft ihr die Smileys nämlich nicht normal als Bild einfügen:

Anleitung zum Einfügen von Smileys in Textzeilen von Blogposts

1. Zunächst müsst ihr euch erstmal eure zu bloggenden Smileys heraussuchen. Am einfachsten geht das, wenn sie im Internet zu finden sind. Dazu klickt ihr das Smiley mit rechts an und geht auf "Grafikadresse kopieren", damit die Webadresse in euren Zwischenspeicher kopiert wird.
2. Als nächstes schreibt ihr normal euren Blogpost, geht auf "HTML bearbeiten" und stellt euren Mauscursor an die Stelle im Text, wo das Smiley eingefügt werden soll.
3. Nun müsst ihr den folgenden kurzen HTML-Code eingeben (siehe Bild oben): Die beiden dargestellten Varianten unterscheiden sich lediglich dadurch, dass einmal die Größe unverändert bleibt und einmal in Höhe ("height") und Breite ("width") angepasst wird. Der Teil, der zwischen den beiden Anführungsstrichen steht, ist die Grafikadresse, die ihr natürlich durch eure ersetzen müsst. Dazu fügt ihr einfach mit einem Rechtsklick auf "Einfügen" die zuvor zwischengespeicherte Grafikadresse ein.
4. Jetzt sollte das Smiley als Grafik angezeigt werden, wenn ihr auf eurem Blog auf "Verfassen" oder "Vorschau" klickt.

Zum besseren Verständnis hier mal ein Screenshot vom ersten Teil dieses Blogposts: Ihr seht ja im Text oben ein Heiligenschein-Smiley, und wie der HTML-Code dafür ausseht, seht ihr auf dem Bild. Ihr könnt ja zum Vergleich mal die Grafikadresse des Smileys abspeichern (mit Rechtsklick auf das Smiley) und selber ausprobieren, ob ihr es bei euch einfügen könnt. Der HTML-Text (rot unterstrichen) sollte dann der gleiche sein!

Hoffentlich war diese kleine Anleitung verständlich? Ich freue mich über eure Kommentare und Tipps!

PS: Noch ein Tipp: Speichert euch doch einfach die Smileys, die ihr häufig benutzen wollt, in einem Blogpost, den ihr nicht veröffentlicht, sondern als "Entwurf" abspeichert. Da habt ihr sie immer da, auch wenn ihr mal von einem anderen Computer aus bloggt...!