Selasa, 14 Juni 2011

Membuat emoticon di kotak komentar Blog

Menguak Misteri Dunia: Membuat emoticon di kotak komentar Blog.
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='http://3.bp.blogspot.com/-h7w_j64upyI/TfYXvXrS0PI/AAAAAAAAArA/2R6U1_400rE/s1600/naruto_choc.gif' alt='emoticon' class='smiley'/></td>
    <td><img src='http://3.bp.blogspot.com/-sHlKdq_eN7Q/TfYXwlMMKpI/AAAAAAAAArE/d_PIhE0PhHU/s1600/naruto_clapclap.gif' alt='emoticon'  class='smiley'/></td>
    <td><img src='http://3.bp.blogspot.com/-RlI9PVoU6xk/TfYXzCvod6I/AAAAAAAAArM/5DFWHB6Qm84/s1600/naruto_cry.gif' alt='emoticon'  class='smiley'/></td>
    <td><img src='http://1.bp.blogspot.com/-_V2tIvWm1Co/TfYXx79TM5I/AAAAAAAAArI/jz-ktyAqnEs/s1600/naruto_cool.gif' alt='emoticon'  class='smiley'/></td>
    <td><img src='http://2.bp.blogspot.com/-1kqvkAP884Y/TfYX18ulQ7I/AAAAAAAAArU/_gpDAmMA9PQ/s1600/naruto_langue.gif' alt='emoticon'  class='smiley'/></td>
    <td><img src='http://1.bp.blogspot.com/-MdwStrhjA_w/TfYX3NMCb3I/AAAAAAAAArY/nOpCCDsa3uc/s1600/naruto_lol.gif' alt='emoticon'  class='smiley'/></td>
    <td><img src='http://4.bp.blogspot.com/-2__ZMKXVxwM/TfYX4DQlgMI/AAAAAAAAArc/qctc8He-YjA/s1600/naruto_nothappy.gif' alt='emoticon'  class='smiley'/></td>
    <td><img src='http://4.bp.blogspot.com/-YzSXGPQOeAY/TfYX5R7oPKI/AAAAAAAAArg/N0oyvPiPfuE/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='http://2.bp.blogspot.com/-zecr5Qlbxyk/TfYX6-4IymI/AAAAAAAAArk/hxwpN0Mex08/s1600/naruto_pff.gif' alt='emoticon' class='smiley'/></td>
      <td><img src='http://3.bp.blogspot.com/-AchG7q25I5Y/TfYX8BtiWyI/AAAAAAAAAro/TcqxR0sk-n0/s1600/naruto_smile.gif' alt='emoticon' class='smiley'/></td>
    <td><img src='http://3.bp.blogspot.com/-ijE1tyNQDLU/TfYX9olPEHI/AAAAAAAAArs/7zJMUEaitsY/s1600/naruto_venere.gif' alt='emoticon' class='smiley'/></td>
    <td><img src='http://1.bp.blogspot.com/-caZDG5D9RiI/TfYYEx6JbsI/AAAAAAAAArw/zx7HSKjyrQw/s1600/naruto_victoire.gif' alt='emoticon' class='smiley'/></td>
    <td><img src='http://2.bp.blogspot.com/-CUOXRyUzpDg/TfYYPEDVJbI/AAAAAAAAAr0/D8bdkYQO4ME/s1600/naruto_zzz.gif' alt='emoticon' class='smiley'/></td>
    <td><img src='http://1.bp.blogspot.com/-AX_7mdsoNhY/TfYXt_WAj3I/AAAAAAAAAq8/wo9c5gx_Hgs/s1600/naruto_brosse.gif' alt='emoticon' class='smiley'/></td>
    <td><img src='http://1.bp.blogspot.com/-SqieM16M7u4/TfYX0nh-arI/AAAAAAAAArQ/qt6hGlNFExg/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


Related Posts: Membuat emoticon di kotak komentar Blog

Tidak ada komentar: Membuat emoticon di kotak komentar Blog

Popular Posts
Advertiser