Cara Membuat Emoticon Kaskus Di Komentar Blog

Sobat Blogger sudah pernah lihat kah emoticon Kaskus ? yang lucu itu, dan imut imut hehe, pada tutorial kali ini Fujianto21-chikafe akan menshare tentang cara Membuat Emoticon Kaskus Di komentar Blog, cara nya cukup mudah kok, tinggal ikuti aja langkah langkah membuat nya dibawah ini :

1. Masuk Dasbor Blog

2. Pilih Menu Template

3. Klik Edit HTML

3. Cari kode </body>  “Tekan Ctrl + F biar lebih mudah Mencari nya)

4.Kalau sudah ketemu pastekan kode dibawah ini, tepat di atas 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://uniqueinterestingfacts.com/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:b:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' class='smiley'/>"); _str = _str.replace(/:c:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:d:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:e:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:f:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:g:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:h:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:i:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:j:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:k:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:l:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:m:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:n:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:o:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:p:/gi, "<img src='http://uniqueinterestingfacts.com/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://uniqueinterestingfacts.com/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:b:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' class='smiley'/>"); _str = _str.replace(/:c:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:d:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:e:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:f:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:g:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:h:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:i:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:j:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:k:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:l:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:m:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:n:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:o:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:p:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' alt='' width='40' class='smiley'/>"); c.item(i).innerHTML = _str; } } } //]]> </script>

5. Kemudian Sobat cari lagi kode <p class='comment-footer'> ,dengan menggunakan CTRL +F , tekan enter tiga kali, ( maksud nya pilih kode yang ketiga )

Pastekan Kode berikut, dibawah kode <p class='comment-footer'> yang kedua

<b><img src='http://uniqueinterestingfacts.com/blog-triks/sundul.gif' width='40'/> :a: <img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' width='40'/> :b: <img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' width='40'/> :c: <img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' width='40'/> :d: <img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' width='40'/> :e: <img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' width='40'/> :f: <img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' width='40'/> :g: <br/><img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' width='40'/> :h: <img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' width='40'/> :i: <img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' width='40'/> :j: <img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' width='40'/> :k: <img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' width='40'/> :l: <img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' width='40'/> :m: <img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' width='40'/> :n: <img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' width='40'/> :o: <img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' width='40'/> :p: </b>

6.Kemudian Save Template Anda ^_^