Submit

162
Pasang icon smile (emoticon) di blogger

Pengguna blogger pasti udah mengetahui icon smile yang banyak digunakan oleh pengguna wordpress atau pengguna blog lain, dimana setiap ada kode teks icon smile maka kode tersebut akan berganti dengan icon smile secara visual. Namun sayangnya blogger tidak support untuk icon smile ini..Ups jangan berkecil hati..banyak jalan menuju roma, semua pasti ada solusinya.


Coba lihat contohnya di blog ini, setiap ada penulisan text yang mengacu kepada code smile pasti akan berubah secara visual. Sebagai contoh, saya mengetikan icon senyum :) dan tertawa :D dan ketika saya tersipu malu :$ yang jelas Icon smile ini akan tampil pada semua text yang ada pada blog kita di manapun letaknya (Nb: bukan dalam shoutbox, link dan gambar), yang paling menguntungkan icon smile ini dapat memberikan keterangan emoticon pengujung ketika sedang memberikan komentar :o.

3 langkah mudah pasang icon smile di blogger :


1. Masuk ke template > edit HTML > Expand Widget Templates dan cari kode dibawah ini:

]]></b:skin>

2. Jika sudah ketemu copy code javascript di bawah, dan letakan dibawah kode ini ]]></b:skin>

<script src='http://louislim2.googlepages.com/addSmiley.js ' type='text/javascript'/>

3. Simpan dan lihat hasilnya.


Icon smile ini akan tampil secara otomatis pada blog kita setiap kali kita mengetikan standar kode dari icon tersebut.



Standar kode smile yang bisa digunakan :


:) or :-)
:D or :-D
:$ or :-$
:( or :-(
:p or :-p
;) or ;-)
:k or :-k
:@ or :-@
:# or :-#
:x or :-x
:o or :-o

 

Special thanks for Louiss Lim. Sumber : http//bloggingsecret.net

 


Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari o-om.com di inbox anda:


162 comments:

yoxx mengatakan...

wuih jadi tambah keren oom...

oom mengatakan...

thanks ya yoxx..

oom mengatakan...

oh iya sekalian untuk tambahan..icon smile ini berjalan dengan baik pada firefox, flock, opera namun tidak di IE, walaupun tetap jalan tapi akan menggangu "read more" pada blogger..untuk hal ini om belum mengetahui cara memperbaikinya..mungkin rekan sahabat yang jago bisa membantu sedikit untuk memperbaiki masalah ini :) thanks

NN mengatakan...

Waduh hebat banget ya jadi makin asik neh ngeblognya

oom mengatakan...

yups silahkan dicoba garansi 1 batang rokok kembali :) thanks NN

Anang mengatakan...

mantabss

Syarief mengatakan...

aku malah ga ngerti maksudnya. maklum gak ngerti html/javascript. liat perkembangan dulu kayak gimana. tp saluut udah bs buat tools sendiri

TAQI mengatakan...

getu ya oom tenkyu..tes dulu ya :)

oom mengatakan...

kayanya salah letak posting nih heheheh but tanks for comment

.:diah:. mengatakan...

thanks infonya mas...

tapi mw nanya niihh... klo misalnya blog yg masih classic gmana yaa?? apa bisa pake giinian?? :D

oom mengatakan...

kalo classic om belum nyobain..coba di coba dulu..nanti om cobain juga..thanks diah :)

oom mengatakan...

oh ternyata setelah om coba diclassic bisa namung gak sempurna...icon tampil namun malah terurut kebawah..sebaiknya gak usah digunakan pada clasic.thanks

Totok Sugianto mengatakan...

emoticon untuk comment ini sudah pasang di blog saya, waktu itu saya terispirasi dari blognya Mas Anang :D

fuadpahing mengatakan...

mas ijin kopi postingan ya, thanks

o-om.com mengatakan...

Silahkan mas fuad..jangan lupa kode sumbernya ya :)

dvallen mengatakan...

mass oom waktu pertama kali dipasang emang berhasil, tapi kesini nya kok jadi aneh yah....sekalian mo ijin di copy artikelnya nih....

FerrYLiu mengatakan...

om aku udah coba, udah jalan kok, n ngak ganggu read more nya..
aku pake firefox sih, ngak tau kalo IE
hehehe
thx yah om tutornya..
sekalian mau ijin copy yah..

~tc~ mengatakan...

om.. koq gak bisa yah??
munculnya ya tetep tulisannya bukan emoticon..
salahnya dimana ya?
ihiks...

oom mengatakan...

dvallen : kesininya itu apa ya...

Ferry : udah jalan ya sip dah

TC : dicoba lagi ya tc..kayaknya ferry diatas kamu juga dah sukses :)

Yono mengatakan...

terima kasih infonya

NM. Wahyu Kuncoro, SH mengatakan...

Aku udah coba pasang ... tapi pas dites khon icon-nya gak nongol ?

OOM mengatakan...

@yono : thanks juga ya

@wahyu : biasanya langsung muncul..dicoa dulu ya..

nrl mengatakan...

oom, smiliesnya bisa diganti gak? pake gambar yang lucu" gitu.. gak mau yang standard..
caranya gimana oom?
email : nrl.plinplan@yahoo.com
thankies...

ExE Friendster mengatakan...

wah lumayan juga blog dihiasi dengan smiles.

Ant Ndumeng mengatakan...

Di kasih icon smile? LUcu bgt.... terimakasih mas o-om. Maen2 ke blog ku ya... Blogku kasih komentar. Lagi belajar nih.

Deho mengatakan...

mas, koq aq ga bisa?
kenapa yah? Help!

akucintakdi mengatakan...

om, kode tambahan yang berwarna hijau (tag script) itu fungsinya sebenarnya apa?
begini om, saya menambah smiley di shoutbox (OGGIX). smiley-nya udah nongol. smiley-nya ngambil dari bigoo.ws. tapi pas dites, smiley yang ngambil dari OGGIX nggak kebaca.

ada hubungannya dengan script warna hijau nggak? atau saya tulis saja seperti itu.... atau gimana biar bigoo.ws-nya masuk ke atribut dalam script? pusing sedikit ya om, maaf!

ilhamcool mengatakan...

makasih om ini yang saya cari-cari selama ini trims ya om.

hyogha mengatakan...

makasih ya?

juned mengatakan...

kok ga nongol ya om..., kumaha ie om..? binun

Syahuri mengatakan...

kalo smilenya bukan yang itu gimana om?
misalnya yahoo smile seperti yang ada di kotak komentar ini om...

mochal mengatakan...

Iya OM, ada ga tutorialnya? seperti pumya om ada smilies di komentarnya :D

Anonim mengatakan...

8-}

Anonim mengatakan...

:(

Dejavu mengatakan...

balik lagi mas.... seneng sama postingannya :) makacih ya....

nyang pokonyang mengatakan...

:)

Best of Internet Download mengatakan...

Nice, Now I'm found what I want. Thanks ya bang.

Galih mengatakan...

Keren om tutorialnya...
Thanks ;)

biosymphoni mengatakan...

~x(

We-link mengatakan...

Mantap,mas oom..tapi ada sayangnya...sayang kurang banyak hehehe becanda

Yuda mengatakan...

di blog saya gak jalan. :(( kok. Mesti gimana nih mas?

OOM mengatakan...

@akucintakdi : ya itu untung pemanggilan JS nya.

@All: untuk yang di blogger classic om belum coba, dan kadang kalo di IE tampilannya gak sebagus di FF.

Muhafis mengatakan...

Saya from Malaysia, thanx krana sebelum ini
mmg mencari cara utk pasang smiley di Blog..
u have a lot of good infos on ur blog..
keep it up dude!

Vina mengatakan...

8-}di blog aq koq ga bisa ya:((

syilpid mengatakan...

wah manteb infonya ;)

anto mengatakan...

=)) di blog aq ga bisa

MasGats mengatakan...

:p o'om smile kok ngak muncul napa ya? Makasih

conic mengatakan...

test :)

dioefka mengatakan...

Kalo pengen yang lebih banyak gimana, Mas??

Adhi Wirawan mengatakan...

Terima kasih infonya...gw coba dech moga2 berhasil

luxboy mengatakan...

gimana cara memasang emoticon yang bila di klik langsung muncul kode nya?

jadi ga perlu ngetik manual kayak ini mas? infonya ya.. thx

house128bpm mengatakan...

om, smileyny ganggu tampilan MBL tuh.. 8-}

saya udah nyobain pasang script smiley ini.
tp malah bikin foto MBL (juga dengan ubahan seperti yg om ajarkan :-* )jd gede =))

akhirny dengan berat hati script ini ga saya pasang lagi :D =))

Arif Budi Setyawan mengatakan...

keren:))

Ot. Ghufron mengatakan...

Thx om, aku baru sempet pasang neh...

Asher Blog mengatakan...

thnks.. banget om infonya... saya baru belajar blogging.. eh ketemu deh ma om yang ajarin ane segala tindak tanduknya :D

thegundul mengatakan...

ehm oom ko ane dah coba tapi tetep ga bisa ya,
apakah pengaruh dari templetanya yang baru or hanya khusus yang klasik aja gitu

thhanx ya oom
balas ya bsk ane cek lagi hi hi hi
:-t :-t :-t

prazze mengatakan...

g bisa om, napa ya??

Muhamad Virgiawan mengatakan...

bandwith limit --

kang adek mengatakan...

Kok ga bisa ya?
Padahal saya sudah pake template buatan nya om lho..


http://kang-adek.blogspot./com

loecan mengatakan...

ASIKKK MAKASIH... OMM...

Rahmat mengatakan...

:-)

Sriyanto mengatakan...

bagaimana om cara menambahakan ikon tersebut biar bisa muncul di kotak komentar dan dapat di pencet oleh pengoment he..he..

thankyu

an4k`SinGKonG mengatakan...

makasoh suhu infonya... langsung ke TKP......

D'Art mengatakan...

di koment jg om ;))

richskrenta mengatakan...

mantapp om :D :D :D

nanika mengatakan...

=))try...

Made Gelgel mengatakan...

om di blog saya emang sih muncul, tapi kalo post komentar kok ga keliatan ya????

tolong donk om bantuannya :((

mamedun mengatakan...

:))

Henny Y.Caprestya mengatakan...

kok nggak bisa ya oom??

Anonim mengatakan...

:))

Cepi Supriatna mengatakan...

kok ga muncul sih om :-0, aku dah ngikutin petunjuk om.

aFFAN mengatakan...

THanks.....

aFFAN mengatakan...

Thanks ya

disty-share mengatakan...

g bsia om.. napa ya om...????

eenz cappuccino mengatakan...

keren gan....
coba dlu...
;;)

eenz cappuccino mengatakan...

hoohoho. bisa oom.
;;)

kedip2 . . .
=))

eline mengatakan...

wah thx ya, that's what i need

Rizkycoolz mengatakan...

saya dah ikutin langkah2 diatas tapi masih blum bisa kenap ya?

:((

nnd- mengatakan...

mas, emoticon yang lain selain yahoo punya ada ngga scriptnya?? minta dongg klo ada,, ;))

Bisnismu mengatakan...

makasih om atas info na :D

satria mengatakan...

cara upload filenya gmn om :)]

LAndy ChuA mengatakan...

om numpang tanya,

kok tempat aku ngak bisa ya?

apa krn pengaruh template nya? kemaren wkt blm ganti sih bisa..

thx.

atikha's diary mengatakan...

slam kenal sbelumnya...:)), thanks ya artikelnya, aku dah bisa nulis pake emotic...;))

Anonim mengatakan...

=))

ARDIAN GALIH TRANGGONO mengatakan...

manteb bang agus :)

blokinfo mengatakan...

Mantabs.. :D

DDN mengatakan...

:-/ klo pengen pasang emot yg sesuai mau kita gmn caranya?

_eternalloser_ mengatakan...

ga bisaaaaaaa :((

sonick mengatakan...

eh bisa deng hahaha =))

Anonim mengatakan...

ga bisaa nihhhh :((

Rin mengatakan...

waaah, senengnya dapet artikel ini, thanks ya mas oom... blog saia jadi ada emoticonnyaaa... Mantabs!!! ;;)

isebu mengatakan...

ko ga bisa om :((

Skyland HaCKeR mengatakan...

om saya bru ganti template, emotionnya muncul tpi pas di comment emoctionnya g muncul,.. katanya karena tempaltenya tidak mendukung,.. na, cara membuat agar template yg kita pake bisa mendukung gimana caranya ya o-om..?

trus boleh minta tau caranya buat footer KATEGORI" seperti punya om. :)

nb: FBq di app ya..

Bangbang Surambang mengatakan...

thanks :D

klikadie mengatakan...

maknyos ;)

Anonim mengatakan...

ngA bISA nie oM tEPASANg......... :-/

yoe mengatakan...

makasihh o-om!!!! duh makasih banget udah bisa blogwalking dan dapat info berhargaaaa...!! yes!;)

idhanz mengatakan...

saya coba dolo om...:X

FRIENDSHIP mengatakan...

thanks infonya mas.. :)

fauzan1504 mengatakan...

makasih infonya om :-*

farica.wannabe mengatakan...

akhirnya ada emoticon juga
hehehe
thanks banget nih infonya :)

-*|CS-CZ|*- mengatakan...

:)

Anonim mengatakan...

:D

Anonim mengatakan...

=))

Anonim mengatakan...

:-*

ilmu dan berbagi mengatakan...

keren mas .... bleh di coba nie.. :D

A.Ro'is mengatakan...

;))kok gak bisa????/

Makrus Ali mengatakan...

iya om, punyaku juga g bisa :((

bonard alfin mengatakan...

java script nya sepertinya udah mati link nya....

Wulan mengatakan...

Emoticon Smile sich da pasaran Om,
Pke Emoticon (icon) dari kaskus baru serruu...

Liat icon + cara2 nya di disini...

Wulan Apriliani mengatakan...

Emoticon smile sich da pasaran Om

Pke yang punya Kaskus, Seru+Lucu2 dech Om

Cara Pasang nya liat di disini az ...

Blog and SEO Tips mengatakan...

Wah, lumayan nih buat seru seruan di blog newbie...

Marsandre Jatilaksono mengatakan...

;;)

Inzacky mengatakan...

8-}

Anonim mengatakan...

:|

Anonim mengatakan...

:|

Anonim mengatakan...

:))

M'Zuchi D'Chyld mengatakan...

~x(

coba dlu yaaa

dribnu mengatakan...

Salam kenal Mas...
tks banyak tipsnya ya... kbtulan saya udah muter2 cari emo yang bisa muncul otomatis waktu kita ketik tanda baca tertentu.. terrrrrnyata buat saya tipsnya Mas ini yang paling mudah diaplikasi .. ga ribed ;))...
skali lagi hatur nuhun pisan...

fadhil mulyawan hara mengatakan...

kalo.yang kaya di kaskus bisa ga

Anonim mengatakan...

Masalahnya kok sama ya,yang muncul cuma kodenya doank, emoticonnya gak :(( :(( :((

Ghani mengatakan...

mas! aku rikues yang emotionnya yang on click donk, jadi pakai nya gampang, tinggal klik!!!

tengkyu!

Anonim mengatakan...

ma acih bank;)

zeffa09 mengatakan...

Salam kenal mas..aq mo coba tipsnya. thanks ya :)

Kalo buat pasang yahoo emoticons gimana caranya?

zeffa09 mengatakan...

Di blogku koq emoticonsnya ga muncul yaaaa??? :((

myfamilyalwaysfirst mengatakan...

Makasih ya Mas O om..Berhasil di Blog saya
www.sharingnewz.blogspot.com

goeztcool mengatakan...

coba juga akhhh :))

mjcoolz21 mengatakan...

kok kagak bisa om :-o

aldi prasetyo mengatakan...

:x

aldi prasetyo mengatakan...

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif

aldi prasetyo mengatakan...

b-(

aldi prasetyo mengatakan...

:-L

agus_ajah mengatakan...

hehee.. Ini yg aku cari2..
Kemaren ada yg nanya ginian
tidak bisa kujawab karena memang belum dapet ilmunya... Xixixixii

Teras Info mengatakan...

Terimakasih banyak Pak Om atas triknya...he..he..he..
o..ya, ngomong2 saya agak bingung ni, harus manggil apa Om atau Pak..he.he..he..

e_susilo mengatakan...

Terimakasih om, sudah berhasil tutorialnya. Silahkan di cek

with L❤❤Ve kim er song ♫♪ mengatakan...

kurang memuaskan :[

Awi mengatakan...

wah, keren. :-D

trisnandika mengatakan...

om coba test ke blog om.. ko ga mau y?? padahal sdh sy pasang. btw bs pake di komentar y om?

Mr. Blonde mengatakan...

om ini bisa gerak gak ??

Imam Subhan mengatakan...

thanks om,,sudah berhasil di blog saya,,
mohon terus bimbinganya om..

D'Fastre mengatakan...

Good Job Thanks Oom..:D

syarief cii mengatakan...

:D

blogdangkal™ mengatakan...

keren² saya coba aplikasikan langsung ya :)

Aditya Eka 7.4 mengatakan...

Thanks..............gan!!

Adz-Zikra mengatakan...

thank youuuuu so muuuuuuuch .....^_^'.....
:shakehand

MaZura De Ville mengatakan...

mantap infonya gan, thanks berat ya ^_^
terbukti, lngsung jadi, bener2 mangastaab

mylastof mengatakan...

..
makasih ya om ;)

Awi mengatakan...

Assalamu alaikum , maaf kalo pertanyaan saya sedikit lari dari topik.
Begini , saya sudah memasukkan emoticon dgn cara manual pd postingan saya (harap maklum, cuma posting pake hp soalnya blm ada kompi). Sudah berhasil, tp ada garis persegi d sekeliling emo nya, dan emo nya tdk transparan :(. Nah, bgmana cara supaya tdk ada garis persegi ? N emo nya supaya transparan pada postingan saya ? Makasih :)

Awi mengatakan...

emo nya mantap om :D udh saya coba. Bagi rekan2 bloger yg ingin melihat hasilnya, silahkan klik di sini

sekali lagi makasih bnxak om ^^

Tiffany Isabella mengatakan...

kalo di google chrome icon smilenya muncul nggak ?

Alif Azzaki mengatakan...

Makacih Boss

MonozCore mengatakan...

Bagi yang belum berhasil pasang emoticon komentar di blogspot silakan berkunjung ke http://monozcore.blogspot.com/2011/07/cara-membuat-emoticon-di-komentar.html

saya sudah menyesuaikan scriptnya dengan versi template blogspot terbaru...silakan dilihat hasilnya. Saya juga sudah menambahkan emoticon upin & ipin serta emoticon kaskus.

AKU &amp; DIA mengatakan...

om knp g bs?....apa ada kesalahan?

Ek4zone mengatakan...

wah, jd tambah keren donk blog kita,.
thxz om,.

superman is dead mengatakan...

itu tergantung browsernya gan...

ap_nur mengatakan...

om,koq gkbsa ya? trus kolom member pada ilang.

Muhammad Fahmi mengatakan...

Kalau mau upload yang pake direct link gratisan dmana ya?

Gamecompressed mengatakan...

Mas koq gag keluar ya

amel mengatakan...

kq di blog gw gabisa oom..??

Mega mengatakan...

Dengan emoticon blog jadi lebih menarik, makasih tipsnya.

Fu'additiya Imaspadi Muharam mengatakan...

makasih tipsnya..
visit to my site http://fuadditiyaimaspadimuharam.blogspot.com

HomeWorkers™ mengatakan...

Thanks Gan Infonya.! :D
Mampir ke blog ane gan :)

Poskan Komentar

Silahkan beri komentar dengan bijak dan jangan sampai komentar anda masuk dalam {COMMENTS SPAM}. Thanks

 

About Agus Ramadhani

Agus RamadhaniAgus Ramadhani dan lebih dikenal dengan panggilan OOM memulai kegiatan Blogging sejak tahun 2007 hingga sekarang. Saat ini dia focus sebagai profesional Blogger dan menjadi penulis dibeberapa blog miliknya yang cukup populer diantaranya..

Anda dapat menemukan OOM pada Twitter, Facebook dan Google+ dan Anda juga dapat menghubunginya di oom[at]o-om.com

GRATIS BLOGGER TEMPLATES

  
Segera konfirmasi email anda agar saya bisa mengirimkan template terbaru gratis ke email anda.