Membuat emoticon di kotak komentar Blog

Membuat emoticon di kotak komentar Blog

itan 6/14/2011
itan
Mempercantik blog dengan segala desain-desain yang cantik, itu mungkin merupakan salah satu konsep sebagian besar pengguna website. Termasuk juga dakam memodifikasi kotak komentar di blog. Salah satunya dengan menambah emoticon.
<--------------------->
 Udah la. capek juga saya basa-basi dulu. langtung ajha kita coba taranya. TO THE POINT!!
Langkahnya--->





  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><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbZod1n4u_9j_vuQxjwS8vQNzgxZbFODxtAQ2B4WAfNkFdtLCbnQdiR-_ccsIYxvTBsOSsE91EISoqQZzLnOvj3RY8Zoe19u74ZhalWo7dS-Vibf9-zPdU67jNNjIK04sP_8tSpRAxs_0/s1600/naruto_choc.gif' alt='emoticon' class='smiley'/></td>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPy5vRRlj0zygYD8NWyKhbtLjbbOCGqK5Brky4DlMvMOzsQwP8HWTBK0XHl4Cq8mGlY2rUKcfN5spLdqMEHQQRrxJpGVyHQcLmfOkhZou66FxFfj3mwQKZTDP5eH4S8CjpmkGUoaP_tes/s1600/naruto_clapclap.gif' alt='emoticon'  class='smiley'/></td>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglcNOHhEanZQJM92YyLKmz0XjGdfFOeNA1UWzKkNLfedh8_gptEOwpguCaCVuRv1spnB6taeDnq1o8lRG4vPEHLtQkpK2fURZmRXhbbN9miVoB6e5cproH0SLCJtMS-7k0Z9F-HRZIfNk/s1600/naruto_cry.gif' alt='emoticon'  class='smiley'/></td>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQteomF-9Bww3HBJhPd8WcwG9qFNbh5Ss4XHpQ3FYuIcnO0IYsToRGRykQMTP4SYF1ohWgPwW1Hq8_wfrXC9gxplYat8YspODj2U6UUD9hikS3TeNXQ-RRjSvxOHzYD6PFjBL0DU06bGY/s1600/naruto_cool.gif' alt='emoticon'  class='smiley'/></td>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibfkqmJOooPPRXhNRdM_DZ4W7-7d9KQCDqj5HDHfxZVaDKhCyhAY0eBv7_jSYjhEhLVscqggzTn52_-5lb7cX3yLDHxNEMu-QRT-GWvupqupbEIA0J-UdG6JYgM2gpPDSA80zVDWiH6AM/s1600/naruto_langue.gif' alt='emoticon'  class='smiley'/></td>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKM_cpyBV2X57GqfmF5zjwHUShLNqJqGQF7quSI0tyLL-0JG-ZVCmzjxuj1M2ReL_NzbPU174ga3citmy_ygBu5x_2bWsVRZFeWslkb8P8xFEwsy0cL7XlZFRorwHP3MBYQ6Ipdv-3THg/s1600/naruto_lol.gif' alt='emoticon'  class='smiley'/></td>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2_rog6Ni_r-aAo4KPsrYN6Uym5iV2PFlhTslJp3_Op5KE_KriaAsTUxEqux6NTNTc9lCvey65p1frAY66iyxZOm4n-lQh2fXzCJR-zjxFcux-XtNdxyGKJtA6_V59VXNUcPUhQAC7m2g/s1600/naruto_nothappy.gif' alt='emoticon'  class='smiley'/></td>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5rv8NDuE3zWaEbOw5jkqJ48ocg8PkHz0-iaZqffvRtFnT4kB9WmNozYAevJ_QV5cysNYciyxTbtu3MEWi0N-GznJMuPcDrCORITe8M8DKfqCREHojc-dDRf97DZT9pw_0vvlbGHDX2Fc/s1600/naruto_ok.gif' alt='emoticon' class='smiley'/></td>
 
  </tr>
<tr>
<td>:2:</td>
<td>:3:</td>
<td>:4:</td>
<td>:5:</td>
<td>:7:</td>
<td>:8:</td>
<td>:9:</td>
<td>:10:</td>

</tr>
  <tr>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhsW8nUNqyWt6pZeaTTNvXg1hoEi2wfN0AhHfrhb-1ZYR33dNssyS5Vlr1m6t2g5C9zwWwVwfBCNt51z0vVeMXhfbG5E1KzwPEvCAAZdzrWsoediM4Cgoz-iX-5Bnq8lgce9iS85EuFqo/s1600/naruto_pff.gif' alt='emoticon' class='smiley'/></td>
      <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj7aiVDFAMZpP9zRJQcr_4c8rs-AFyj1-PSMkKLyrfw6Xfva5HIjLrMjGVGDQxUrYEsfqgkM9OEHLq7cWxNupJwM-Gj89csYyuxsPTvbMtC9Eji79Gsn7fkSTcjFf0oqtVcBYDyeAlUGA/s1600/naruto_smile.gif' alt='emoticon' class='smiley'/></td>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5R8ALszu3hCrmy7s9oSz8zG23Ab0HctjDBknMbtR6YTZ4E0Y6UkHiLJ6g4G3wQkTRvOphrWfB_LY_tv0IwNzdEQO6RiAKPW1-RPzeXkgsxD3HoTznQMmycUIEYI14mVn_tndixI4f1fM/s1600/naruto_venere.gif' alt='emoticon' class='smiley'/></td>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWlttbmlCdfvRkdU276y_H8jGp-VeWA6BgTL9ePyBinx1mAt2HoMKhFu0dkinoZoKBYged6lkrkbZxHlYLlAeFN1P4DdMnv_7p8gank-adrswtw7RkvPXP3EvXcTA7YByJqjja4nj55pg/s1600/naruto_victoire.gif' alt='emoticon' class='smiley'/></td>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcsHk8WpmIuevJw9yIl2FJMPmMF2rX5MxbNDQMjhNlFQBTTtr6yXzJQup5GUSycThzGtSWfuB_BNxkr89Xoj9_Zr_bRxohGWD8GeZDFe_4gg4zIb1u_J9b8hTGEEV_rvQh2_63mIiiaRI/s1600/naruto_zzz.gif' alt='emoticon' class='smiley'/></td>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBe5e4F5_Equhn9NiA5ANEY_RYgp8vZDcsUzbjkPIta1wDsYku93UeRX9AoYIZMvZc6H0A8phC1rJ7EMpoD093YaZUBwmYJVUMK2BzK120hr0DNmP8Z-w0kPYBwqJ89KMb0dNgrAkH2TQ/s1600/naruto_brosse.gif' alt='emoticon' class='smiley'/></td>
    <td><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-qnPkD41yGRGPitMYEcbb6IIA324iQBKNWA0Tk8bJgP9PZRgcbTctFzkYmCIMF-TizB-EZoFU8RlICl1iVlto-S_he_A7uWTDSXNiqMkOzQjt-_c5bZTDAEBUp5M1cGIwXV6OAUyiU8/s1600/naruto_happy.gif' alt='emoticon'  class='smiley'/></td>
  </tr>
  <td>:11:</td>
<td>:12:</td>
<td>:13:</td>
<td>:14:</td>
<td>:15:</td>
<td>:1:</td>
<td>: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.
9. Untuk Penggunaanya, kopi teks tulisan dibawah gambar emoticon kedalam kotak komentar. mis= :1:  

10. SELESAI. 


Kalo udah bisa ya syukur alhamdulillah. kalo gak bisa cuba tanyakan dengan saya dengan berkomentar. Happy Blogging. 


Source: kangdadang.co.cc


About

Seorang pejuang berdarah merahtua-biru yang sedang memperbaiki hidup untuk si dia dan masa depan