How To Add Smileys To Your Blogger PostsThursday, April 09, 2009 Mary Anne Velasco
I have been seeing so many blogs with Smileys on their posts. I guess the first time I've seen one is on Twinks' (a real life friend since college) blog. That very moment has marked my desire on one day using Smileys on my blog. However, due to my very hectic schedule in school with all the tests and projects, I have decided to postpone googling about how I can possibly install them in my blog posts. (I was a bit shy to ask Twinks for help on this one )
Anyway, if you also want to add some fun onto your blog, here's a tutorial on how you can simply add those cute smileys on your blog posts. By the way, you can only install these emoticons when you are using Firefox. This will not work (as of the moment) with Internet Explorer.
1.) Open your Firefox browser then visit the Greasemonkey add-ons.
2.) Click the Add to Firefox button.
3.) Another window will open. Click the Install Now button.
4.) Restart your Firefox browser.
***To know if you have successfully installed the Greasemonkey add-ons, check for this icon at the right hand corner (bottom most) part of your screen. If the icon's there after restarting your browser, you are then ready to proceed to step number 5.
6.) Login to your blogger account. Go to the Layout section then Edit HTML.
7.) Look for the code
]]>(use Ctl+F to easily locate this one) and add this CSS code just above the
8.) DON'T click Save Template at once. Click the Preview button first. If everything seems to be okey (meaning, no "Your template could not be parsed...." message appears upon preview), then you can now save your template.
To check if everything's working, proceed to the Create (Dashboard --> New Post) section and see if the Smileys are on the control panel. Your Create Post section should look like this:That's it! Have fun with your Smileys!