Subscribe

RSS Feed (xml)

Powered By

Powered by Blogger

Click to view random flickr photos tagged with my junior and nightview!  

WELCOME to Random Flickr photos tagged with my junior and nightview!
www.flickr.com

www.flickr.com

Wednesday, March 14, 2007

Add Yahoo Emotions (Smileys) to your Blog

Postingan tanpa memakai emotions (smileys) kurang bisa mewakili perasaan yang ingin kita sampaikan di dalam sebuah posting. Seperti ini misalnya: :) ;) :D =)) :(( ~X( :-? ^:)^ :o3 %-( dan masih banyak lagi yang lainnya.

Sekarang kita dapat menambahkan emotions (smileys) seperti tadi dari Yahoo Emotions (Smileys) ke dalam postingan kita tanpa harus menambahkan kode tags <img>. Kita hanya mengetik seperti ini : ) untuk mendapatkan smiley seperti ini :) sama seperti pada saat kita menggunakan Yahoo Messenger pada saat chatting.

Thanks to Aditya of Last Word yang telah mengembangkan set dasar dari smileys, kemudian dimodifikasi lagi oleh Deepa Bangalore India hingga semua icon Yahoo emotions (smileys) yang berjumlah 85 buah dapat digunakan termasuk hidden smileys nya. Kita bisa menggunakannya dengan key word yang sama pada Yahoo Emotions and Yahoo Hidden Emotions.

Sebagai referensi key code-nya anda bisa lihat dibawah ini:






:) : ) ;) ; ) =)) = ) ) :( : (
:D : D :-/ : - / :-t : - T 8-> 8 - >
:-w : - W [-X [ - X x( X ( :-O : - O
>:P : P =D> = D > >:D< > : D < ;;) ; ; )
:X : X :"> : " > :-* : - * =(( = ( (
:> : > B-) B - ) :-S : - S #:-S # : - S
>:) > : ) :(( : ( ( :| : | /:) / : )
:o3 : o 3 :-?? : - ? ? %-( % - ( :@) : @ )
:(|) : ( | ) ~:> ~ : > @};- @ } ; - %%- % % -
**== * * = = (~~) ( ~ ~ ) ~O) ~ O ) *-:) * - : )
8-X 8 - X =:) = : ) >-) > - ) :-L : - L
[-O< [ - O < $-) $ - ) :-" : - " b-( b - (
:)>- : ) > - [-X [ - X \:D/ \ : D / >:/ > : /
;)) ; ) ) :-@ : - @ ^:)^ ^ : ) ^ :-j : - j
(*) ( * ) o-> o - > o=> o = > o-+ o - +
(%) ( % ) O:) O : ) :-B : - B =; = ;
:-c : - C :)] : ) ] ~X( ~ X ( :-h : - h
I-) I - ) 8-| 8 - | L-) L - ) :-& : - &
[-( [ - ( :O) : O ) 8-} 8 - } <:-P < : - P
(:| ( : | =P~ = P ~ #-o # - O :-? : - ?
:-SS : - S S @-) @ - ) :^o : ^ O :-< : - <
<):) < ) : ) :-$ : - $

Tertarik ingin menggunakannya, ikuti instruksi dibawah ini: ;)
1. SAVE AND BACKUP YOUR TEMPLATE terlebih dahulu.

2. Tambahkan kode dibawah ini yang berwarna merah:

<script type='text/javascript' src='http://jonipoetra.googlepages.com/JonipoetraSmiley.js'></script> letakkan persis sebelum the </head> tag

3. Save and start posting, Selesai.

4. Perhatian:

* Jika ingin menghilangkan frame (kotak pembatas) diantara emotions (smileys), ubah seperti di bawah ini yang berwarna merah:

.post img {
padding: 4px;
border: 0x solid #cccccc;
}


PS: The Emotions (Smileys) show up in the comments when viewed using the post url, =D> however comment popup does not display Emotions.

31 comments:

just Endang said...

wah...makin oke aja nih tips dan ilmunya...makasih ya udah berbagi...

Anonymous said...

Duh mas, kok ndekku ra dadi ya? dah aku coba posting pake tag tag :),:D ra' dadi. Kenapa ya? padahal scriptnya berhasil di save aku taro pas dibawah tag head (artinya kan sebelum tag head berakhir).

Er Maya said...

waaa mas joni tengkiuu banget yah, cobain ah! :)

Anonymous said...

wah baru ngerti saya...lol

www.revolutia.org

Anonymous said...

numpang lewat mas..hihi, habis blogku udah ada jeee*pamer nihh=)

Anonymous said...

Waahh, ditambahin icon jadi tambah menarik aja....

Anonymous said...

mau dicoba, tp kayanya ribet ya, gaptek nih...

SinceYen said...

Thanks banget Jon!!!!
Ntar dicoba ahhh... :)

artja said...

waaaah, ternyata bisa ya. thanks buat postingannya.

Mashuri said...

My collection bertambah lagi...

Laptopku sempat hang saat mo buka blog ini *laptop butut neh*. Eh...ternyata postingannya penuh dengan emosi...eh...emoticon...

Nieke,, said...

wah, bisa neyh om, dicoba.. kmarin aku jg pake emoticon, tp ga gini caranya. lebih ribet deh pokonya xP

btw, ini emoticonnya ada frame nya ga om? soalnya emoticon aku itu ada framenya, jd agak mengganggu x(

ayu said...

wah jd nambah ilmu baca blog ini, thx yah:)

Bude Judes said...

blom nyoba. Ntar deh..makasih tip nya

NiLA Obsidian said...

hahahaha...nyontek ya boleh nyontek....ya Om joni....asyikkkk
ta' print neh.....

NiLA Obsidian said...

hahahaha...nyontek ya boleh nyontek....ya Om joni....asyikkkk
ta' print neh.....

Anonymous said...

@endang: u are welcome. ;)
@n: betul, coba lagi pelan2.. pasti bisa. ;)
@maya: silahkan. ;)
@jed: :D
@mei: :D
@iko: thanks iko. :)
@nuha: gampang kok, gak ribet, hanya 2 step beres. ;)
@sinceyen: sama2. :)
@artja: u are welcome. :)
@mashuri: hehe.. bisa aja nih om dokter.. bisa jadi nge-hangnya pas jaringan lagi lelet.. :D

Anonymous said...

@nieke: nieke, emoticon yg nieke pake, sama dgn yg aku pake dulu.. harus menambahkan bbrp kode html terlebih dahulu dapet dari mus emoticon kan? nah yang ini gak perlu seperti itu lagi, tinggal ketik keyword sama seperti pada saat chatting seperti biasa. :)

yang ini juga emoticonnya bisa tampil pada post comment tapi post comment yg ada di url, bukan yang di popup. ;)
@mama rafi: sama2. :)
@denadena: cobain budhe kalo senggang. ;)
@nila obsidian: silahkan jeng. ;)

Kristin said...

rajen mosting yg genean yo mas.... ntar ak tinggal nyontek kl sempat hehehehe
pasti seru jg deh kl di kasik smiley

Anang said...

kalau saya ga mau pake ginian.. tambah berat nanti loadingnya.. kebanyakan script tambah lama loadingnya dan ngebetein..... kalo saya pake tag img langsung aja.. ribet dikit tapi nyaman.... hehehehehe

lagi anti script2an soalnya.. hehehe :D

mel@ said...

asiiikkk... asikkk... blog aku bisa jadi lebih meriah...
makasi ya mas... gratis kan... ngambil scriptnya... hihihi... :P

Nieke,, said...

om, aku terlalu takut utk ngutak ngatik script. trauma soalnya pernah beberapa kali gagal total dan akhirnya blogku sempet ancur.. hiks

akhinrya aku nyoba pake emoticon lain, om. memang ga semudah emoticonnya om joni sih cara masukinnya.

entar kalo tingkat kepercayaan diri aku "bangkit" lagi untuk ngutak ngatik script, aku pengen coba2 juga nih emoticonnya om jon. *hehehe, ga jera2 donk ;)*

Anonymous said...

@kristin: yup, blog kan tempat berbagi. ;)
@anang: ya, beda orang beda pendapat. ;)
@mela: :D
@nieke: nieke, sebelum ngoprek script backup dulu templatenya, jadi kalo terjadi sesuatu yg tdk diinginkan, bisa kita panggil kembali template kita yang lama. :)

Dhila said...

Mas Joni, Salam kenal sebelumnya. aku minta ijin neh ya pasang IDe Kreatifnya di BLOG-ku. Emoiconnya memang inspiring banget loh...
btw, aku udah coba trus masalah bordernya itu editnya di tag bagian mana ya ams?? thanks loh :)

Dhila said...

mas joni
aku udah coba pasang emoicon seperti yang diisntruksikan dan berhasil. nah tapi masih belum bisa ngelepas bordernya karna bingung mau dipasang dimana.
mas liat hasilnya disini (kalau ngga keberatan :) ) http://gublogtua.blogspot.com/2007/03/test-emoicon.html

please help me, need your advice :):)
thanks before ya mas

Joni Poetra said...

@dhee: salam kenal kembali, aku jawab di blogmu aja. ;)

Anonymous said...

wah..aku jg pengin masang smiley, tap gak sempatttttt, hiks...laen kali mo nyoba ah, thx infonya

Dhila said...

Mas Joni. thank yach. udah berhasil. udah ngga ada bordernya lagi. thanks ya mas.. :):):)

Anonymous said...

Berhasil!! tapi koq ndak bisa sebaris dengan kalimat sebelumnya?...
pasti turun satu spasi... hikz! :(

huamulan said...

Thanks, I've been looking for this ^^
Will credit you in my sidebar.

Joni Poetra said...

@jeng kenny: sempatin dong jeng.

@dhee: sama-sama.

@ary: kok turun? mungkin bukan turun.. tapi agak menjadi renggang spasinya?

@huamulan03: ur welcome, i also give u credit in mine.

Anonymous said...

aku coba dulu yah, thanks bgt......!!!