Sunday, May 12, 2013

Use Emoticons On Blogger

Do you want to add a spice to your blog by adding emoticons, like you want to :)) without saying "LOL"? Then you have come to the right place! Now, I'm going to teach you how to add emoticons to your blogger blog using Yahoo! Messenger Emoticons and Onion Head emoticons.

This script was tested by me (using this blog as well) and 100% working :-b. I suggest you do a back-up file of your template first before proceeding in case some unfortunate things happen.

Just follow the following steps:
  • Go to "Template" > "Edit HTML"
  • Copy the code below and paste it right before or above </head> tag.


The above script will enable you to use Yahoo! Messenger Emoticons and Onion Head Emoticons in your blog. See some example:
Most Yahoo emoticons will work with this, click here for more. Please take note, that some of newer emoticons might not work on this script.
: ): P
: D:-D: ) )
= ) )=)= D >
By typing the following, you will also be able to use Onion Head Emoticons. It is best used using white themed blogs.
/ wa ha ha/ hi hi
/ o m g/ n o
/ dig nose/ s w e a t
/ s h o c k/ f l o o r
/ h m m/ X D
/ b l u r/ b l u s h
/ no big deal/ p l e a s e
/ b y e
If you followed the steps carefully, it should work. The demonstration above were shown with spaces so that the script will not convert them into emoticons. You need to type them without spaces in order to make them work. The emoticons will be shown once your page or post has been fully loaded.  

For intermediate or advanced users, you can download the script here and upload them to your own website.

Enjoy! :) /bye

Source: http://mltan100.blogspot.com/2008/02/use-emoticon-on-blogger-blog.html

65 comments:

AniMV Sekai said...

/hihi

Wambua said...

/ hi hi

Kistlak Rajapaksha (Kisalka) said...

Great Post Bro !! :D

Anonymous said...

/hi hi

Anonymous said...

/hihi

Fajar Tri Haryanto said...

just trying /XD

Anonymous said...

/wahaha

YZ said...

/floor

Kr Sarat said...

Thanks a lot, this "code" worked for me =D>
http://sqa-dev.blogspot.com

Anonymous said...

/hmm

Aimeé said...

This is amazing! Thank you so much! It works on my blog! :D :D :D

あやか said...

Thanx ! /xD

Syazwani.Mo said...

Thanks!! Appreciate it :D

Anonymous said...

:)

Preethi said...

/ o m g / h m m

Thank you

Anonymous said...

/hmm

Anonymous said...

:P /wahaha /omg

PATI CLARK said...

= D >

Admin said...
This comment has been removed by the author.
Eleanor Ling said...
This comment has been removed by the author.
Eleanor Ling said...

Hey there, I am having a problem with the emoticons at my blog. I did as you instructed, and when I preview the template, it show the emotiocons like it's supposed to be. But when I save it and turn back to view the blog, the emoticons is gone. What's exactly the problem here?

Admin said...

Thanks :)

Admin said...

Thanks i have add the above code as instructed above but color of similey background doesnt match with post color in blogger , Please help on this as it look bit awkward for the blog

Anonymous said...

:))

jiali said...
This comment has been removed by the author.
jiali said...

/hihi

Anonymous said...

/hi

puanstoberi said...

Thank u
/hihi

Unknown said...

/hihi

Unknown said...

it stopped working on my blog after I changed the domain from "myblog.blogspot.com" to "www.myblog.com". :(

Unknown said...

Yaayyy great :****

Ali said...

Awesome! I did it :-O Easiest explanation I have found. http://quietlifeornot.blogspot.co.nz/ and http://alyzcreations.blogspot.co.nz/ It's worked on both =D>

anonim.gov said...
This comment has been removed by the author.
Unknown said...

This is awesome. I have tried but couldn't see the conversion to emoticon....like it still appear as :(
Pls help. thanks

Unknown said...

Hi hi, I have figured out by looking at the source of this page. just need to add
< /script > (remove all space and paste at the end of the line.

This one will work with < /script > at the ending.

Eric Lee said...
This comment has been removed by the author.
Unknown said...
This comment has been removed by the author.
La Tataie said...

/ wa ha ha

Anonymous said...

hey.. I used the code u provided and it was working all fine. Recently my post is showing all the emoticons but they are lead and followed by ">>" tags.. Plz help..!! :(

Grace said...

/please

AToM said...

/wahaha

Animagard said...

/hmm

Tan ZY said...

:o3

Tan ZY said...

@};-%%-

Unknown said...

Thank you :D

Anonymous said...

/blush

Anonymous said...

/floor

Unknown said...
This comment has been removed by the author.
Unknown said...

New Emoticons for Android Marshmallow update

http://geekonjava.blogspot.com/2015/12/new-emoticons-for-android-marshmallow.html

Megan Ren said...

Hello! The code is working on my blog but the emojis are not aligned with my text. The emojis are below them. What do I do? Thanks!

Megan Ren said...

Hello! The code is working on my blog but the emojis are not aligned with my text. The emojis are below them. What do I do? Thanks!

Ishtiak said...
This comment has been removed by the author.
Ishtiak said...

/ X D

Ishtiak said...

Why doesn't it work? : ) I am lost

Anonymous said...

/ n o / n o

Tawsif Torabi said...

: P just testing, nice post

Tawsif Torabi said...

:P

Anonymous said...

/blur

Thoontje said...

:))

KΞNWΔY said...

/ b l u r

Unknown said...
This comment has been removed by the author.
Unknown said...

/ hi hi

Lili said...

/please

Unknown said...

beli foto ayam sabung paling bagus

susuultra said...

judi sabung ayam

Post a Comment

Please use the Name/URL option instead of Anonymous so I can address you properly using your name or code names.
You can also indicate your website so we can check each other out otherwise leave it blank if you don't have any. Feel free to send me an
e-mail
if you have any questions, comments, suggestions, requests, or legal claims.