Membuat Emoticon Di Post Komen

Supaya blog kita lebih interaktif, kita bisa menambahkan emoticon di setiap kolom komentar kita. jika ingin melihat seperti apa contohnya, nantinya hasilnya akan menjadi seperti ini :

:hi :-) :*) :ok :s) :D :o) :thx :B) :)) J:) :-J :x :(( :| :( :iq :# :? #-o :@ J:P :o :-o

Tinggal memasukkan kode yang ingin dipakai waktu kita melakukan komen di blog yang sudah ditambahkan script ini, maka gambar emoticon akan muncul secara otomatis.

Untuk membuat blog interaktif seperti ini, yang perlu dilakukan adalah :

1. Pertama, login ke Blogger anda,

2. Selanjutnya plih Layout (Tataletak) --> Edit HTML
3. Beri tanda centang pada kotak "expand widget template"
4. Lalu letakkan script berikut sebelum kode "</body>" (Gunakan ctrl+f untuk mempermudah pencarian)

<script src='http://gudang-info.com/blogger/js/emo_union.js' type='text/javascript'/>

Selanjutnya cari Kode ini

<b:if cond='data:post.embedCommentForm'>

Jika sudah ketemu, masukkan Kode dibawah (dalam kotak dibawah) sebelum kode
<b:if cond='data:post.embedCommentForm'>

<center><b><table border='0' width='500'><tr><td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/hi.gif' title='Hi'/>:hi</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/happy.gif' title='Happy'/>:-)</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/idea.gif' title='Idea'/>:*)</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/ok.gif' title='OK'/>:ok</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/so_happy.gif' title='So Happy'/>:s)</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/shame.gif' title='Shame'/>:D</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/wonder.gif' title='Wonder'/>:o)</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/thanks.gif' title='Thanks'/>:thx</td></tr> <tr><td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/cool.gif' title='Cool'/>:B)</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/laughing.gif' title='Laughing'/>:))</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/hihihi.gif' title='Hihihi'/>J:)</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/heh.gif' title='Hehe'/>:-J</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/angry.gif' title='Angry'/>:x</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/cry.gif' title='Cry'/>:((</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/no_words.gif' title='No Words'/>:|</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/sad.gif' title='Sad'/>:(</td></tr> <tr><td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/study.gif' title='Study'/>:iq</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/stress.gif' title='Stress'/>:#</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/confused.gif' title='Confused'/>:?</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/duh.gif' title='Duh'/>#-o</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/dizziness.gif' title='Dizziness'/>:@</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/vomit.gif' title='Vomit'/>J:P</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/omg1.gif' title='Oh My God'/>:o</td> <td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/omg2.gif' title='Oh My God'/>:-o</td> </tr></table></b><br/><a href='http://www.kulimandiri.com/2010/07/membuat-emoticon-di-post-komen.html' target='_blank'><span style='font-size:110%;'>Tertarik Dengan Emoticon di Atas? <blink>Klik DI SINI</blink></span></a></center><br /> <br /> <br />

Selesai, dan "Save". Lihat hasilnya......!!!