 |
| 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 :
Selain emotion animasi Yahoo, saya juga menambahkan emotion animasi yang digunakan di MSN. Ne dia contohnya :
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>
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'/>3. Cari kode seperti di bawah ini
<p class='comment-footer'>4. Paste kode dibawah ini diantara kode yang berwarna merah.
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<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'>5. SELESAI.
<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>