Search This Blog

Smileys in Blogger posts! :)


posted on Friday, April 13, 2012

I'm a smiley-person, I can't help it.... on msn, on ebuddy, in text messages, I like to put smileys everywhere :) So you can't imagine how disappointed I was to find out that Blogger doesn't include smileys in posts by default.

Then, I stumbled upon this: http://techpur.com/blogger/how-to-put-smiley-icon-in-blogger/. A post that not only explains how to do this but also includes a script with smileys and all! Great, if only the image links weren't broken...

So this is what I did: I borrowed their script (it's not like they were using it :p), adjusted it and implemented it. This provides me with the functionality to add smileys in my posts, I also took out the extra smiley references that I don't need and added the smileys that I wanted!

So, here's how to do it:

1.      Go to http://techpur.com/blogger/how-to-put-smiley-icon-in-blogger/ and check out the script.
2.      Find some smileys you like and download them --> Google is your friend :) You'll need to host these images and the script somewhere.
3.      Alter the script, just throw out or add smileys as you prefer and link to the smileys you just downloaded.
4.      Go to the Blogger home of your blog and find "Layout", choose "Edit HTML". You"ll get a warning about editing the HTML, ignore it.
5.      Find the following piece of code in the HTML:

]]></b:skin>

6. Add the following piece of code AFTER that piece of code:

7. Save your changes and test it out. You should be able to see the result in the preview, if some smileys don't come through you should check the regex in the script. To help you out with that, here are my regex codes.

/\s:-*\)/g:) :)
/\s:-*d/g:d :d
/\s:-*\p/g:p :p
/\s:-*s/g:s :s
/\s:-*\(/g:( :(
/\s;-*\)/g;) ;)

Much thanks to the writer of the orginal post: http://techpur.com/blogger/how-to-put-smiley-icon-in-blogger/! The copyright of the script obviously goes to them!

Could be useful, right?


No comments:

Post a Comment