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. Stop Dreaming Start Action

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...

Stop Dreaming Start Action
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,

37 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
At July 16, 2009 8:01 AM, sayapunyer said...: Thank you for the emoticons :)

I love them...

http://sayapunyer.via.my
At July 21, 2009 3:21 AM, Genejosh said...: i couldn't get rid of the border...it's in www.genejostory.com..hope you could help me..i follow all the instructions carefully except the borders of the emoticon...
At July 21, 2009 11:29 AM, Cahya said...: Hi Genejosh, I don't see border on your emoticons... :)
At August 12, 2009 5:33 PM, zaraa Y. said...: errmm...

nape border tu tak hilang gak ye..?

da buat da as instructed..huhu
At September 5, 2009 9:17 PM, PurpleBerry said...: i've prob when using this emoticons between text,it juz wont come out between the text but appear at the end of the text...so how can i fix this??
At September 9, 2009 7:12 AM, Mei said...: hi i also have the problem of the emoticons ending up in the next row instead of between text. please show me how to fix this
At September 11, 2009 2:02 PM, NurShaRiNa said...: thanks for the emoticon..

it was so cute..

klu ada perkataan yg keluar down mouse button tu.edit balik.padamla perkataan tu.nnti hilang die..
At September 14, 2009 12:28 AM, Cahya said...: Re:

i've prob when using this emoticons between text,it juz wont come out between the text but appear at the end of the text...so how can i fix this??

just select the emoticon (left click once) then "cut" (or Ctrl+X) then paste (between text)
At October 3, 2009 11:30 AM, Devil Inc. said...: Kite punye pun ade border gak. Nape ek?
At November 5, 2009 7:00 AM, miersun said...: udah nginstall greasemonkey dan restart, dan install skrip nya juga, tapi kok pilihan untuk emoticon nya ga muncul di form posting new yah ...
entahlah, mungkin ada yang terlewat oleh saya
terima kasih banyak buat tutorial nya
salam kenal
At November 7, 2009 4:53 PM, _eternalloser_ said...: mas mas,

udah saya download dan instal semua scripnya dari 1.0 sampe yang 3.0.

tapi satupun ga da yang muncul pas entry post...

geman dund...
/cry
At November 11, 2009 4:10 PM, Anonymous said...: Buy Generic Medications Here. Get Cheap Medication online. Buy Pills Central.
[url=http://buypillscentral.com/about_en-us.htm]Discount Viagra, Cialis, Levitra, Tamiflu Drugstore without prescription[/url]. rx generic drugs. Top quality drugs pharmacy
At November 16, 2009 2:15 AM, Laralia said...: I already install as all instructions given BUT when i go to write new post, no emoticons list is shown/appear.

How can i choose the emoticons?

Please HELP me.

Thanks.
At November 20, 2009 8:32 PM, Diana Alisha said...: hye there~ thanks 4 dat cute emoticons~

i try to hide the border of the emoticons but still it can be seen.

cn u pls help me in this?
THANKS!

dis is my blog links

http://dianaalisha.blogspot.com/

Blogger Emoticon

Site menu: