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.