Emoticon Animasi Yahoo!

Pasti banyak sekali dari sobat blogger yang ingin blognya jadi tambah seru kalau di blognya menggunakan emoticon animasi Yahoo, soalnya para pengunjung blog kita bisa mengekspresikan keadaan mood mereka dengan emotion animasi ini.

JavaScript ini tidak hanya berlaku untuk bagian Postingan saja tetapi bisa sampai 3 lokasi yang berbeda, karena di dalam kode JavaScript ini saya meng-includekan 'Post-Body', 'Entry-Content' dan 'Comment-Body' dengan menggunakan satu kode pemanggilan saja.

Ada 87 emotion Yahoo yang tersedia di kode JavaScript yang saya gunakan tetapi saya hanya memperlihatkan contoh kecilnya saja dari emotion Yahoo seperti yang terlihat di bawah ini :

Contoh kecil dari emotion Yahoo!
:)		=))
:((		:))

Selain emotion animasi Yahoo, saya juga menambahkan emotion animasi yang digunakan di MSN. Ne dia contohnya :

/wahaha	/hihi	/omg
/no	/ dignose	/sweat
/shock	/floor	/hmm
/XD	/blur	/blush
/nobigdeal	/please	/bye

Gimana, sobat blogger ingin juga emotion animasi seperti di atas??
Bagi yang mau silahkan ikuti langkah-langkah berikut :

1. Login ke Blog anda kemudian pilih Design >> Edit HTML.
2. Copas kode di bawah ini di atas tag </head>

<script src='https://sites.google.com/site/adityameilaz/emo/smiley.js' type='text/javascript'></script>

3. Cari kode seperti di bawah ini

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>

4. Paste kode dibawah ini diantara kode yang sudah di highlight.

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 350; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #155169; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>

5. SELESAI.

Untuk melihat emotion terbaru Adityas Blog, sobat bisa mengunjungi link emotion terbaru di sini
atau emotion untuk Thread Comment di sini

Gabung ke group:

11 Respon Komentar

JrrMaster, said...

March 31, 2011 at 4:23 AM

:c: thanks mas, tp kok animasinya g jalan d post komentarnya.

Unknown, said...

March 31, 2011 at 8:05 AM

g bisa gmna @JrrMaster..?? tu juga khan jalan...
:4:

March 31, 2011 at 8:15 AM

:k: berhasil jalan, tp pk yg monyet :n:

March 31, 2011 at 8:21 AM

@JrrMaster sorryy bnget neh klau emoticon yg ini sperti'a ada maintenance...
:e:

klau mau emotion yg ane pake bisa lihat tutorial'a d sini.
ga kalah lucu juga..

Adzhie Rahadhianz, said...

April 20, 2011 at 2:48 PM

Gmna Sih kok blog yg saya gk ada :e:
class='comment-footer'>

Parah akh tolong penjelasanya :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g: :g:

Maiser, said...

May 21, 2011 at 10:52 PM

gan gmn kalau di template gua ngga ada

:9: :9: :9: :9:

Yuni Game, said...

November 22, 2011 at 8:58 PM

gue coba ya: :a: :b: :22:

November 22, 2011 at 9:16 PM

:e: ajib

REza, said...

June 12, 2012 at 12:52 PM

June 12, 2012 at 12:53 PM

June 12, 2012 at 6:11 PM

@rezahanafi11 /dignose

Tinggalkan Komentar Anda?

Komentar anda akan dihapus jika :
1. SPAM atau meninggalkan komentar mengandung unsur SARA
2. Berkata kasar atau kata-kata negatif lainnya
3. Meninggalkan komentar dengan link hidup
4. Komentar tidak berhubungan dengan tema
5. Jika anda ingin berlangganan "komentar" dari artikel ini, pilih link "Subscribe by email" pada bagian bawah form komentar

:a:

:b:

:c:

:d:

:e:

:f:

:g:

:h:

:i:

:j: 

Emotion lainnya?

Adityas Blog