Cara Menambah Icon Emosi Dalam Komentar

Untuk membuat blog anda semakin cantik dapat kita melakukan penambahan icon emosi melalui cara manual dengan menambahkan bebearapa item pada template anda . . .


langsung kita ke TKP !!

Langkah-langkah membuat Icon Emosi Dalam Komentar

1. Login Blogger.com
2. Buka Rancangan kemudian klik edit HTML
3. Download Template Lengkap untuk keamanan bila terjadi kesalahan dalam pemasangan kode.
4. Beri centang pada kotak Expand Template Widget untuk membuka semua kode template.
5. Cari kode <b:if cond='data:post.embedCommentForm'>
6. Jika sudah anda temukan masukkan code HTML di bawah ini

<b><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' width='40'/>

:a:

<img src='http://static.kaskus.us/images/smilies/jempol2.gif' width='40'/>

:b:

<img src='http://static.kaskus.us/images/smilies/bingung.gif' width='40'/>

:c:

<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' width='40'/>

:d:

<img src='http://static.kaskus.us/images/smilies/hammer.gif' width='40'/>

:e:

<img src='http://static.kaskus.us/images/smilies/najis.gif' width='40'/>

:f:

<img src='http://static.kaskus.us/images/smilies/capede.gif' width='40'/>

:g:

<br/><img src='http://static.kaskus.us/images/smilies/s_sm_maho.gif' width='40'/>

:h:

<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' width='40'/>

:i:

<img src='http://static.kaskus.us/images/smilies/sorry.gif' width='40'/>

:j:

<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' width='40'/>

:k:

<img src='http://static.kaskus.us/images/smilies/ngacir2.gif' width='40'/>

:l:

<img src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif' width='40'/>

:m:

<img src='http://static.kaskus.us/images/smilies/cewek.gif' width='40'/>

:n:

<img src='http://static.kaskus.us/images/smilies/shakehand2.gif' width='40'/>

:o:

<img src='http://static.kaskus.us/images/smilies/malu.gif' width='40'/>

:p:



</b>

Tahap 2 

1. Langkah selanjutnya sobat cari kode </body> kalau sudah ketemu taruh kode berikut tepat diatasnya.

<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://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://static.kaskus.us/images/smilies/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://static.kaskus.us/images/smilies/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://static.kaskus.us/images/smilies/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://static.kaskus.us/images/smilies/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://static.kaskus.us/images/smilies/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://static.kaskus.us/images/smilies/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://static.kaskus.us/images/smilies/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://static.kaskus.us/images/smilies/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://static.kaskus.us/images/smilies/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://static.kaskus.us/images/smilies/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://static.kaskus.us/images/smilies/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://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://static.kaskus.us/images/smilies/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://static.kaskus.us/images/smilies/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://static.kaskus.us/images/smilies/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://static.kaskus.us/images/smilies/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://static.kaskus.us/images/smilies/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://static.kaskus.us/images/smilies/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://static.kaskus.us/images/smilies/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://static.kaskus.us/images/smilies/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://static.kaskus.us/images/smilies/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://static.kaskus.us/images/smilies/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://static.kaskus.us/images/smilies/malu.gif' alt='' width='40' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

Tahap akhir preview hasilnya dan jika sudah tampil jangan lupa anda save