Tambah Emoticon pada Kolom Komentar Template Blog

Terinspirasi dari blog Membangun Kejujuran yang menggunakan template yang telah membenamkan emoticon pada kolom komentarnya. Kelihatan lebih hidup dan sangat menarik.


Bagaimana dengan template yang belum ada emoticon pada kolom komentarnya? Berikut langkahnya
1. Sign in ke blog - Rancangan - Edit HTML
2. Download Template Lengkap sebagai backup
3. Centang Expand Template Widget
4. Cari (gunakan Ctrl + F pada papan keyboard) kode </body>
5. Pasang kode berikut diatasnya <script src='http://moalmules.googlecode.com/files/emoticone.js' type='text/javascript'/>
6. Cari kode <b:if cond='data:post.embedCommentForm'>
7. Pasang kode ini dibawahnya

<b>
<img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-001.gif' width='30'/> :a:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-005.gif' width='30'/> :b:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-009.gif' width='30'/> :c:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-013.gif' width='30'/> :d:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-003.gif' width='30'/> :e:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-020.gif' width='30'/> :f:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-018.gif' width='30'/> :g:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-001.gif' width='30'/> :h:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-002.gif' width='30'/> :i:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-005.gif' width='30'/> :j:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-007.gif' width='30'/> :k:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-009.gif' width='30'/> :l:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-008.gif' width='30'/> :m:
<img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-004.gif' width='30'/> :n:
</b>

Download kode disini
8. Simpan Template dan tes hasilnya

Catatan: Tips ini akan berhasil bila template mempunyai kode comment-body atau dengan trik mengganti kode kolom komentarnya dengan kode comment-body