[Tutorial] Memasang Yahoo Smiley Emoticons di Kotak Komentar

Siapa sih yang nggak tahu Yahoo Emoticon? Kepala-kepala botak berwarna kuning, imut, lucu, hehehe... Buat yang suka berchat-chat ria dengan YM (Yahoo Messenger) pasti nggak asing lagi.

Nah, sesuai judul dan karena diminta juga oleh temanku, aku bakal kasih tahu cara memasang Yahoo Smileys di kotak komentar. Padahal udah banyak yang posting sih, tapi nggak apa-apa deh. Langsung aja ya..

1. Log in ke akun Blogger kamu.
2. Pilih Rancangan
3. Pilih Edit HTML
4. Centang Expand Widget Templates
5. Cari kode </body>
6. Letakkan script berikut di atas kode </body>

<script src='http://fiftriani.googlecode.com/files/smileyicon.js' type='text/javascript'/>

7. Cari kode berikut

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

8. Kemudian sisipkan kode berikut dibawah ini di bawah code <p class='comment-footer'>

<div style='overflow:auto;border:1px dotted #ccc;align-text:center;padding:10px;height:86px;width:450px;'>
<b>
<table style='text-align: center; padding: 0pt; margin: 0pt;'><tr>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/></td><td>:)</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/></td><td>:(</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/></td><td>;)</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/></td><td>:D</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/></td><td>;;-)</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/></td><td>:-/</td>
</tr>
<tr>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/></td><td>:x</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/></td><td>:P</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/></td><td>:-*</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/></td><td>=((</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/></td><td>:-O</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/></td><td>X(</td>
</tr>
<tr>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/></td><td>:7</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/></td><td>B-)</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/></td><td>:-S</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/></td><td>#:-S</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/></td><td>7:)</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/></td><td>:((</td>
</tr>
<tr>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/></td><td>:))</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/></td><td>:|</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/></td><td>/:)</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/></td><td>=))</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/></td><td>O:-)</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/></td><td>:-B</td>
</tr>
<tr>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/></td><td>=;</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/></td><td>:-c</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/></td><td>:)]</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/></td><td>~X(</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/></td><td>:-h</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/></td><td>:-t</td>
</tr>
<tr>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/></td><td>8-7</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/></td><td>I-)</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/></td><td>8-|</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/></td><td>L-)</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/></td><td>:-a</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/></td><td>:-$</td>
</tr>
<tr>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/></td><td>[-(</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/></td><td>:O)</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/></td><td>8-}</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/></td><td>2:-P</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/></td><td>(:|</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/></td><td>=P~</td>
</tr>
<tr>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/></td><td>:-?</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/></td><td>#-o</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/></td><td>=D7</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/></td><td>:-SS</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/></td><td>@-)</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/></td><td>:^o</td>
</tr>
<tr>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/></td><td>:-w</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/></td><td>7:P</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/></td><td>2):)</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/></td><td>X_X</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/></td><td>:!!</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/></td><td>\m/</td>
</tr>
<tr>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/></td><td>:-q</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/></td><td>:-bd</td>
<td><img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/></td><td>^#(^</td>
<td><img src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/></td><td>:ar!</td>
</tr></table></b>
</div>

9. Simpan template.

Selesai... Kalau mau coba, mungkin masih ragu tutorial ini berhasil atau nggak, silahkan test di blog ini. Selamat mencoba...

Note to Wira:

Sudah tu, Wir. Bayaaaaarrr...Hahahahaha..