How To Use Emoticon in a Blogger (Blogspot) Post

How To Use Emoticon in a Blogger (Blogspot) Post
Monday, June 23, 2008

This HOWTO will tell you how to use emoticon available in this blog :

1. First all you need is Mozilla Firefox, if you haven't installed Firefox yet, please download Firefox right now. The latest version of Firefox when I write this HOWTO is 3.0, and I use this version in this tutorial.

UPDATE 1:
Tested on Mozilla Firefox 3.5

2. After Mozilla Firefox installed you must install Add-ons called Greasemonkey (Download link)

on download page, click "Add to Firefox" button

click "Install Now"

please wait...

click "Restart Firefox"

click "Restart"

After firefox restart...

Greasemonkey installed :) close the window

please make sure Greasemonkey is enabled

right click on that monkey face (right bottom corner of the screen) ...
now, you are ready to download Emoticon script from this blog

3. Download and install emoticon script from this blog blogger-emoticon.blogspot.com

click "Download" link

click "Install" button...

login to your blogger account and create a new post

emoticon is ready...

blogger-emoticon.blogspot.com

You may add this (to your CSS) to prevent border (if exist) in your emoticon :

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

just before
]]>< / b:skin > (new blogger template)

or
< / style > (classic template)

Labels: howto

posted by Cahya @ 8:19 AM,

23 Comments:

At October 3, 2008 8:48 AM, jacob said...: i love the emoticons so cute :)

thanks for this one.
At November 18, 2008 9:58 PM, Anugrah said...: Tampilan blog ini ko pas ya mskipun d lihat menggunakan browser hp?
Biasanya kalo blog d blogspot tampilan'y gak nyaman kl d akses lwt hp.
Gmn caranya mas?
At November 20, 2008 2:07 AM, NuRuLhUsN@)-'-- said...: can u help me..i've do paste the css to prevent border..but it doesnt work..huhu..
At December 10, 2008 7:01 PM, acey said...: hey i cant seem to get the borders i follow where to put it but it just wont be remove can you halp me with that?
At December 25, 2008 4:48 PM, Leslie said...: Same here. Script does not get rid of the border.
At December 29, 2008 8:49 AM, Cahya said...: Re: hey i cant seem to get the borders i follow where to put it but it just wont be remove can you halp me with that?

I don't see border on your emoticon... :)
At December 29, 2008 8:51 AM, Cahya said...: Re: Same here. Script does not get rid of the border.

leslie, may I know your blog address?
At January 8, 2009 4:05 PM, Azabkha said...: hello. i have install the emoticons but it seem that the emoticons only appear at the side of the text and not in between words. how do i make it between words?
here is my blog add: www.azabkha.blogspot.com
At March 4, 2009 4:16 PM, Reanne said...: i'v been looking so long for tis... thanks so much~

i'v installed the emoticons... but where to edit the CSS ah ??

so sorry ... i'm newbie~
At March 9, 2009 11:43 PM, aL sYa said...: i have installed the monkey thingy,n already downloaded the emoticon,but y the emoticon is not ready when i clicks create post???help!
At March 16, 2009 4:33 PM, Wieke :) said...: halo, i'm a new blogger, saya udah install greasemonkey, udah enabled, trus pas dicek di add ons juga udah ada, tapi begitu create a new blog, di board nya ga ada emoticonnya T_T mohon pertolongan pertamanya.... terimakasihh
At March 16, 2009 11:28 PM, Lune Goddess said...: got same problem with leslie and acey.

http://i170.photobucket.com/albums/u268/Lune_Goddess/onion.jpg
At March 23, 2009 9:10 PM, tiazTINGGI said...: aduuhh. .koga aku malah ga bisa install greasemonkey ya. .udah tak restart tapi ga muncul. . di add onsnya juga ga ada. . ah bingung =.= help meeee
At April 6, 2009 12:21 PM, Angie's Recipes said...: I have installed it, but they didn't appear when I create a post........is it because I use blogger draft?
At April 11, 2009 11:38 AM, Anonymous said...: add dis >>img.emoticon {
padding: 0;
margin: 0;
border: 0;
} can works?
At April 11, 2009 11:49 AM, Li Xin said...: This post has been removed by the author.
At April 11, 2009 12:04 PM, Anonymous said...: admin of dis blogger...plz delete the link dat link to my blog... I want to keep my blog as private blog...plz..thanks

-Li Xin-
At April 30, 2009 11:02 PM, Hidayah Zainudin said...: hmm i've done everything in order but the border is still there. can u please help me on that? thanks
At May 2, 2009 3:35 AM, ~C.I.K~Z.I.Z.E.E~ said...: can u explain more about how to prevent the border?
i can't really understand...

kindly visit my blog at
http://kasehcikzizee.blogspot.com

tqvm..
At May 6, 2009 4:29 AM, Gnysegirl Aka GokiChan Aka Glo said...: Hi, I figured out a way to get rid of the border if you have problems with that. Please go to my Blog I'm making a post on how I fixed the problem

gokichanonetsy.blogspot.com
At June 16, 2009 5:06 PM, Salmiahehehe said...: this script appear when i published my post. help please!!!
";})();ButtonMouseDown(this);'>
At June 19, 2009 4:31 PM, Nurna said...: these were soo adorable...
tQ...
i've installed them..
huhu
At June 24, 2009 9:45 PM, adizzy said...: love them thanks