Membuat fasilitas emoticon pada komentar blog

Yang kali ini saya postingkan adalah bagaimana caranya membuat Komentar kita terdapat fasilitas untuk menampilkan emoticon untuk pengunjung ataupun kita sebagai adminnya, dan cara membuatnya mudah, ikuti langkah-langkah berikut ini:

1. Login blogger
2. Rancangan, Edit Html,
3. Download template lengkap untuk jaga-jaga
4. Centang menu  Expand Template Widget
5. dan Cari kode yang seperti ini: 

<p class='comment-footer'>   
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>

6. Jika sudah ketemu yang seperti itu, letakkan kode berikut dibawah kode <p class='comment-footer'>  :

<table width="200" border="0" cellpadding="5">
  <tr>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlE2PMrXejsYKKOVtfnvDRhkfTqxCuqEZrQtwQQX7XAHZljIvrKmERlX77AFygH2hsTJ88zaW3Ny13pQhtdssMPtto71eiF8II7ERzzkt9zFI_Sq28Nqg1JvQ4Pude8L349OPN9pTjzGo/s1600/naruto_choc.gif' alt='emoticon' class='smiley'/></td>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX2pm3j4i-cpbj_NEQI3Dpp2zD8qnRR8B9d2uor1C0UlfRnIBNIBDvZyFHa9E8o-Z-3978W0QH7NzV30fFYoWqr_y5d_EHxHobyPhkxMSHzQFe-CGeUUyZs-ug97531ReTtmIFxf5dco8/s1600/naruto_clapclap.gif' alt='emoticon'  class='smiley'/></td>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipXyU3zkLy9-TxnJFR8eiU9yY3maPev2M9-LyckT82XnNfx4ZEDb_wmKJ6lfjXg67LcJplJ05fwZZcHvL6m3BZuEOvvwZS5ctsdGgAilE0_c0ATlaFxpx2ggYtJgBsCsmoAzCtzuuysHQ/s1600/naruto_cry.gif' alt='emoticon'  class='smiley'/></td>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4D1PdmqH5XO5TuoytaogweBAo1WFmR0lLYsR2nQOeYyWZxIjHB5PLB9kDdxXAmAQus3xqDAqITp8_SWbrtJUcyGBx-nKkaiOLj4VcjmHw53JiORoz8Qv3E1_MtgRi5IDJWPOOPGnyI-U/s1600/naruto_cool.gif' alt='emoticon'  class='smiley'/></td>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdgbMmuoYqfqLF7RZS1kEcS6I8g4QJ5bEq8R_plotWQ38JtFj-_I-zf22rEZo3hTrWS1ZKrgM_3gTyQCzucHVw7F2kBJJ-qjZwRlQnACraP40Og9r4ISn30Zhmc9ShGAnYsLNJG4NYEiM/s1600/naruto_langue.gif' alt='emoticon'  class='smiley'/></td>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0xWzno5T9GoiYZoksFDOtQfvwdE0HaZXXMjjSYACBSpJrrYi_qggFLjLJXFTVezei2S4IdyKJrHTcFvCldkObyBUCITF21zkRyFpfMn04Y4z5EN-rTBgmoiTbeA2z4YuZCM4DGWAqSXI/s1600/naruto_lol.gif' alt='emoticon'  class='smiley'/></td>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxedYJiI5hOK-qXs2S000rNNnKZticYKOdaXsZD2lLelmizfjb7sZTmkydZQOYWA2jtuYMCGQ6fzmWF6gmUwkXG_YbfpetfHbw6GQU_6K8Fp9MMjaz224AOmgIDolSoqkBhz-eGNsOwEc/s1600/naruto_nothappy.gif' alt='emoticon'  class='smiley'/></td>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJG-uWQajCniARhHfpF-ISEfKQcx0JBAMawFmx1GGwbwgik8XD7CqdRMXpxtZjcwcYsGPlGOLfV36eR4D-JimO-v-xhU9cq6PS3qg1yK4ODv-gjwOEXKs2rMuN5G-cbZTDNHFmpwB7feo/s1600/naruto_ok.gif' alt='emoticon' class='smiley'/></td>

  </tr>
<tr>
<td align="center">:2:</td>
<td align="center">:3:</td>
<td align="center">:4:</td>
<td align="center">:5:</td>
<td align="center">:7:</td>
<td align="center">:8:</td>
<td align="center">:9:</td>
<td align="center">:10:</td>

</tr>
  <tr>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_cpRmY4EnEtTdP_h3uHV4U6GcBETC_dOu-vfqe8KkECd8oLW_jurhxHM4q1zeQswldeS43c9hQNNcwJ0iCT3nMUKvvOh_fGcXF6A6ehichFSJZYFXiioH2j6VfhjNAFuxUrtZZTnzZSo/s1600/naruto_pff.gif' alt='emoticon' class='smiley'/></td>
      <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIf9tVA7GNhh7Gu76ldFdOB6G6El8ESUy5BSJfzB1H8kqVCWqW_eVqmunGdFjDqQbAHfRoMq369LAxL7hGqf77OfxDK9poaRbgO4le-7juU7b4ltk-Fcz1lREj454qWem1i21K-KNOkwI/s1600/naruto_smile.gif' alt='emoticon' class='smiley'/></td>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBE3Xc4DQkI1BP_lTjiJqrrm3KjWN1L01f63Edm9F-IsWXFGACbpQjkP3SS6vg6bjfF7fMKmwdky5EE1xEumKnGVaGs-Mh9NOuI09qm8KpT6GnTone8CkroiRWjlsYAyA2qLp4U52cxOM/s1600/naruto_venere.gif' alt='emoticon' class='smiley'/></td>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpIBLlVg4QTjaVQaGDZXkoK4tqxQk_EUraruDFo0L6R8oWl-_YlGl-I4N-ImHpPSv7Cl9ZGX6y-6aAQi-rTDDyLAtxMrlMjk-cB4D3pfDk8o8ahUHSivvIN_zOybIIzJQ29ZLiRHgXL44/s1600/naruto_victoire.gif' alt='emoticon' class='smiley'/></td>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyKh0qUwoyWThingdepwVSZMxyYUCDnOJcwaBAty_ASc3hsMRMs4P_b2qe4vgx3zv0wSmE1t9dYI06nKLeCK0MCg4t_iROW7wDmjHnpFmk9a-PB3JUxDZF_YmwaCWMTV7qNFyTCJE9FWg/s1600/naruto_zzz.gif' alt='emoticon' class='smiley'/></td>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL_DIPtX8Cfor_m58tjjmE8i_9FQ6-7wUqhp0ug40Ug_ad4A_ZWtvhaNP2-Sdkvigsu5GKzyLY5qhk3XmaGbAowtzmfksxy7yWwVhFb1fms2VzWSRpeA1L4m6kOH4o55uevaWF70kis8I/s1600/naruto_brosse.gif' alt='emoticon' class='smiley'/></td>
    <td align="center"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwsrT1mUgTl99mRqc67KrN65kWjUbrrnESD3wKm69JqCUHWjZY9gWSp4bXl9IXw9DRBmQGM0e-8LRB0T4tW49LiWbM_sMLUU7y4YPzKy_BBamMAgo1QhW-jkkMHQ0Wf12gqI3dqJUKP64/s1600/naruto_happy.gif' alt='emoticon'  class='smiley'/></td>
  </tr>
  <td align="center">:11:</td>
<td align="center">:12:</td>
<td align="center">:13:</td>
<td align="center">:14:</td>
<td align="center">:15:</td>
<td align="center">:1:</td>
<td align="center">:6:</td>
</table>

7. Simpan script berikut diatas kode </body> :

<script src='http://kangdadang.googlecode.com/files/NarutoSmile2.js' type='text/javascript'/>

8. Simpan Template dan coba fasilitas emot tersebut dengan memberi tanda pemanggilan emotnya pada komentar. semoga sukses.

Tambahan: Jika ingin mengganti emoticonnya tinggal download Java Script http://kangdadang.googlecode.com/files/NarutoSmile2.js dan ganti link image yang ada di dalamnya, dan upload kembali misal seperti pada tutorial Cara Mengupload File di Google Code.