1. Pertama,seperti biasa harus login blogger dulu, trus menuju ke Rancangan >> Edit HTML
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str
= b.item(i).innerHTML.replace(/:a:/gi, "<img
src='http://grandis.web.id/blog-triks/sundul.gif' alt='' width='40'
class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://grandis.web.id/blog-triks/jempol2.gif' class='smiley'/>");
_str
= _str.replace(/:c:/gi, "<img
src='http://grandis.web.id/blog-triks/bingung.gif' alt='' width='40'
class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://grandis.web.id/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://grandis.web.id/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://grandis.web.id/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://grandis.web.id/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str
= _str.replace(/:h:/gi, "<img
src='http://grandis.web.id/blog-triks/s_sm_maho.gif' alt='' width='40'
class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://grandis.web.id/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://grandis.web.id/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://grandis.web.id/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str
= _str.replace(/:l:/gi, "<img
src='http://grandis.web.id/blog-triks/ngacir2.gif' alt='' width='40'
class='smiley'/>");
_str
= _str.replace(/:m:/gi, "<img
src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' alt=''
width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://grandis.web.id/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str
= _str.replace(/:o:/gi, "<img
src='http://grandis.web.id/blog-triks/shakehand2.gif' alt='' width='40'
class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://grandis.web.id/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}
a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str
= b.item(i).innerHTML.replace(/:a:/gi, "<img
src='http://grandis.web.id/blog-triks/sundul.gif' alt='' width='40'
class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://grandis.web.id/blog-triks/jempol2.gif' class='smiley'/>");
_str
= _str.replace(/:c:/gi, "<img
src='http://grandis.web.id/blog-triks/bingung.gif' alt='' width='40'
class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://grandis.web.id/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://grandis.web.id/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://grandis.web.id/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://grandis.web.id/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str
= _str.replace(/:h:/gi, "<img
src='http://grandis.web.id/blog-triks/s_sm_maho.gif' alt='' width='40'
class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://grandis.web.id/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://grandis.web.id/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://grandis.web.id/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str
= _str.replace(/:l:/gi, "<img
src='http://grandis.web.id/blog-triks/ngacir2.gif' alt='' width='40'
class='smiley'/>");
_str
= _str.replace(/:m:/gi, "<img
src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' alt=''
width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://grandis.web.id/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str
= _str.replace(/:o:/gi, "<img
src='http://grandis.web.id/blog-triks/shakehand2.gif' alt='' width='40'
class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://grandis.web.id/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
4. Kemudian cari kode berikut ini :
<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>
5. Ketemu kan? Kalo sudah ketemu letakkan kode2 berikut setelah kode
<p class='comment-footer'>
(kalo ada dua buah kode diatas, pilih yang lebih dibawah)
<b><img src='http://grandis.web.id/blog-triks/sundul.gif' width='40'/>
:a:
<img src='http://grandis.web.id/blog-triks/jempol2.gif' width='40'/>
:b:
<img src='http://grandis.web.id/blog-triks/bingung.gif' width='40'/>
:c:
<img src='http://grandis.web.id/blog-triks/ngakak.gif' width='40'/>
:d:
<img src='http://grandis.web.id/blog-triks/hammer.gif' width='40'/>
:e:
<img src='http://grandis.web.id/blog-triks/najis.gif' width='40'/>
:f:
<img src='http://grandis.web.id/blog-triks/capede.gif' width='40'/>
:g:
<br/><img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' width='40'/>
:h:
<img src='http://grandis.web.id/blog-triks/takut.gif' width='40'/>
:i:
<img src='http://grandis.web.id/blog-triks/sorry.gif' width='40'/>
:j:
<img src='http://grandis.web.id/blog-triks/marah.gif' width='40'/>
:k:
<img src='http://grandis.web.id/blog-triks/ngacir2.gif' width='40'/>
:l:
<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' width='40'/>
:m:
<img src='http://grandis.web.id/blog-triks/cewek.gif' width='40'/>
:n:
<img src='http://grandis.web.id/blog-triks/shakehand2.gif' width='40'/>
:o:
<img src='http://grandis.web.id/blog-triks/malu.gif' width='40'/>
:p:
</b>
6. Langkah terakhir dan terpenting adalah SAVE TEMPLATE
- Terkadang ada beberapa template memiliki kode yang beda.
Jika sudah melaksanakan cara2 di atas dengan benar tapi hasilnya tidak
terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan
itu karena Kode pada templatenya berbeda atau bisa jadi karena mungkin
hosting untuk upload file emoticon dan javascriptnya sedang bermasalah.