cara menambahkan emotion di kotak komentar blog

kali ini saya akan memberikan tutorial cara menambahkan emotion di kotak komentar blog sobat 
seperti ini contohnya :

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/comment-content-p-emoticon.js' type='text/javascript'/>
 
6. Cari kode <b:if cond='data:post.embedCommentForm'>
7. Pasang kode ini dibawahnya,apa bila kode tersebut ada 2 buah maka pilih lah yang pertama

<div style='width:550px;text-align: center;border: 1px solid #ccc;padding:  2px 2px;margin-top:  15px;font-style:bold;color:#000;font-weight:normal;font-size:10px;'> <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>     </div>

 atau download kode emotionnya di sini
8.kemudian letakan sekali lagi kode emotion di atas tepat  di bawah kode   <h4 id='comment-post-message'><data:postCommentMsg/></h4>

9. 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

selamat mencoba dan semoga berhasil :c:

Read more »