Cara Membuat Emoticon Union di Kotak Komentar

Follow @Rifat85

Akhirnya seLama beberapa bulan pencarian , saya menemukan "Cara Untuk Menampilkan Emoticon di Kotak Komentar" dengan menggunakan emoticon union seperti emoticon yang saya pakai. Setiap yang saya temukan javascript-nya punya sudah tidak berfungsi lagi. Saya pun mencoba membuat sendiri dan Alhamdulillah berhasiL. Berikut tampiLan emoticon-nya :

Cara Membuat Emoticon Union di Kotak Komentar :
1. Login ke Blogger, Pilih Blog (Jika Anda mempunyai lebih dari 1 blog)
2. Plih Layout (Tataletak) --> Edit HTML
3. Beri tanda centang pada kotak "expand widget template"
4. Lalu letakkan script berikut sebelum kode </body>

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

5. Cari kode <b:if cond='data:post.embedCommentForm'>
6. Kemudian Letakkan kode berikut ini, 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.gudang-info.com/2009/08/cara-membuat-dan-menampilkan-emoticon.html' target='_blank'><span style='font-size:110%;'>Tertarik Dengan Emoticon di Atas? <blink>Klik DI SINI</blink></span></a></center>

7. Kemudian Simpan, dan lihat hasilnya

Selamat mencoba dan keep bLogging

sumber http://www.gudang-info.com/2009/08/cara-membuat-dan-menampilkan-emoticon.html

Baca juga Software Akuntansi Laporan Keuangan Terbaik - Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia