Pasang emoticon di comment box

Habis jalan2 dari blogny mas kendhin, nyari2 cara buat pasang emoticon di comment box. (makasi ya mas buat tipsnya :D)

Di blogny mas kendhin, ada 2 jenis emoticon yg di tawarkan, yakni emoticon standar ym dan emoticon kucing. Nah, di blog saya ini, saya mo nawarin emoticon piggy. Klo yang maen game Perfect World pasti tau emo ini XD

Jadi di sini saya ga bahas yang emoticon ym ama kucing, klo kalian pengennya pasang yang ym ato kucing silahkan kunjungi blongy mas kendhin, klo mo pasang yg piggy silahkan lanjutkan membaca hingga tuntas :)

Pada dasarny pemasangan sama koq cuman beda emoticon aja.
Step pertama, tentu kita login dulu trus masuk ke layout/tata letak dan pilih edit HMTL.
Beri tanda centang pada "expand widget template". Lalu cari kode </body> dan masukan kode berikut di atas kode </body>.

<script src='http://dlhiru.co.cc/emoticon/piggyemo.js' type='text/javascript'/>
Trus cari kode2 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>
Klo dah ketemu taruh kode berikut di bawah <p class='comment-footer'>.

<b><img border='0' src='http://i44.tinypic.com/5a5qvc.jpg' title="sweat"/>
==
<img border='0' src='http://i41.tinypic.com/axlb1k.jpg' title="big smile"/>
:D
<img border='0' src='http://i42.tinypic.com/72rfxs.jpg' title="smile"/>
:)
<img border='0' src='http://i44.tinypic.com/2vj4mf7.jpg' title="cool"/>
B-)
<img border='0' src='http://i41.tinypic.com/e6511h.jpg' title="suka"/>
:x
<img border='0' src='http://i42.tinypic.com/t7kfax.jpg' title="malu"/>
:o
<img border='0' src='http://i41.tinypic.com/2nlx10h.jpg' title="marah"/>
x(
</b>
<br/>
<b>
<img border='0' src='http://i43.tinypic.com/123bfyh.jpg' title="confused"/>
:?
<img border='0' src='http://i42.tinypic.com/2zqhnkm.jpg' title="kagum"/>
o_O
<img border='0' src='http://i39.tinypic.com/5b89wx.jpg' title="pusing"/>
@_@
<img border='0' src='http://i40.tinypic.com/2vskrjm.jpg' title="makasi"/>
:t
<img border='0' src='http://i40.tinypic.com/33at1qr.jpg' title="cape"/>
:|
<img border='0' src='http://i43.tinypic.com/288qk4j.jpg' title="sedih"/>
:(
<img border='0' src='http://i44.tinypic.com/dnf2ua.jpg' title="nangis"/>
:((
</b>
Selese deh, tinggal di save dan liat hasilnya.