How to Use Emoticon On Blogger

If you read through some of the posts on the Cool Stuff blog, you will notice that I use emoticons quite frequently. While writing good article is important, adding emoticons to a blog post makes it looks more interesting. To add emoticons to a blogger blog, follow the following steps:

1. Sign in to your blogger blog, and go to Layout > Edit HTML
2. Add the following line of code to the head section of of your template. The best place to insert this code is right before </head> tag.

<script src="http://mltan100.googlepages.com/emoticons.js" type="text/javascript"/>



By doing this, you are actually adding a javascript to your blog. Everytime any page of your blog is loaded, the javascript will automatically change certain pre-defined characters / symbols into emoticons.. So after inserting the javascipt, you will use the following pre-defined characters to invoke the emoticons:
Most Yahoo emoticons will work with this javascript. Example:
: ): P
: D:-D: ) )
= ) )=)= D >
Besides Yahoo Emoticons, I have also added the following cool emoticons for MSN into my blog:
/ wa ha haundefined/ hi hi
/ o m gundefined/ n o
/ dig noseundefined/ s w e a t
/ s h o c kundefined/ f l o o r
/ h m mundefined/ X D
/ b l u rundefined/ b l u s h
/ no big dealundefined/ p l e a s e
/ b y eundefined



Please take note that in order to call up the emoticons in your blog post, there should be no spaces in between the characters. I include spaces in the list above because I do not want the javascript to convert them into emoticons, so that you can see the characters.

Blogger.com is one of the most popular free blogging platform today. There are millions of blogger blogs out there on the Internet. Adding emoticons to your blogger blog is one of the cool stuff that you can do to make your blog stand out from the others. I like to use emoticons in my post. I express myself better with emoticons. 


Related Posts by Categories



Widget by autolover | kodokpinter

2 comments: