The instructions and all the code you need are in the extended post, so just click the link below to copy and install the code. I've set it up so that you don't need to host the images themselves… They're linked to in the script and you can feel free to use my bandwidth for the images.
Here's an example of how the Emoodicons look (you can change the wording, size, color and font of the text):
Overview: The way the script works is by searching your page for an Emoodicon word string and replacing it with the appropriate image. To add any of our Emoodicons to a post, you just type the name of the feeling prefixed with r- for the robot set or k- for the kitty set. If I do that here, you won't see the text because the script will replace it with an Emoodicon, so I'll use a fake one so you can see how it looks… d-happy would bring up the Emoodicon for happy if we had a set that worked with "d." So type the word just like that, except with a "k" or an "r" and you'll get an Emoodicon once the script runs. You can add Emoodicons anywhere you like in the post.
There are three elements needed to add Emoodicons to your blog:
- Emoodicon Images
You really only have to think about the first two, since I'm hosting the images for you. If you wanted to use a different set of emoticons, then you would have to edit the script to bring images in from your own server.
Remember that pages load from top to bottom, left to right, so you want this snip of code to be the very last thing at the bottom right of your pages.
The CSS allows you to control how the Emoodicons are displayed. There are three classes to add to your stylesheet:
font: bold 18px/normal Verdana, Arial, sans-serif;
k-mood and r-mood can be edited to float the icon and text left or right, and you can edit the padding to make the image play nice with other elements on your page.
.feeling controls the display of the text. You can change the color and font to match your blog. I suggest leaving the other settings as they are.
Feel free to leave questions in the comments or email me if you get lost, but overall this should be a pretty simple installation. Have fun!