Cara Memasang Emoticon V.2 (Kaskus) Pada Komentar Blog

Emoticon yang merupakan gabungan kata dari "emotion" dan "icon" yang berarti icon yang digunakan untuk mengekspresikan emosi sebuah pernyataan tertulis, dan bisa mengubah serta meningkatkan interpretasi terhadap tulisan tersebut. Jika anda melihat template-template yang saya buat, saya sering menambahkan manipulasi seperti ini.
Mungkin ada yang penasaran bagaimana cara memasang emoticon seperti itu. Nah kali ini saya akan membagikan cara memasang emoticon seperti pada template yang saya buat.

Cara Pemasangan di Blogspot

1. Masuk ke halaman editor HTML
2. Salin kode di bawah ini, kemudian letakkan tepat sebelum/di atas kode </body>

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

4. Salin kode di bawah ini, kemudian letakkan tepat sebelum/di atas kode <p class='comment-footer'>
   

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

5. Jika sudah selesai, klik Simpan Template dan lihat hasilnya

Ingat sebelum memasang/melakukan pengeditan pada template sebaiknya dibackup terlebih dahulu

.