Rabu, 16 Februari 2011

Membuat Emoticon Monyet Pada Komentar

emoticon, monyet, komentar, tutorial, script, blog, blogger, blogspotEmoticon Monyet itu sendiri seperti ini:


Tertarik untuk membuatnya? 
  1. Login ke Blogger pilih menu Layout/Tata Letak
  2. Pada tab klik menu Edit HTML kemudian centang kotak Expand Template Widget
  3. Letakkan kode di bawah inisebelum kode </body>
    <script src='http://die-silver.googlecode.com/files/emonyet.js' type='text/javascript'/>
  4. Kalo sudah cari kode berikut:
    <p class='comment-footer'>
    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
    </b:if>
    </p>
  5. Kemudian letakkan kode di bawah ini setelah <p class='comment-footer'>
    <b><img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m021.gif" width="40"/>
    :a:
    <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m025.gif" width="40"/>
    :b:
    <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m029.gif" width="40"/>
    :c:
    <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m035.gif" width="40"/>
    :d:
    <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m055.gif" width="40"/>
    :e:
    <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m077.gif" width="40"/>
    :f:
    <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m087.gif" width="40"/>
    :g:
    <br/><img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m097.gif" width="40"/>
    :h:
    <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m147.gif" width="40"/>
    :i:
    <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m206.gif" width="40"/>
    :j:
    <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m146.gif" width="40"/>
    :k:<img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m182.gif" width="40"/>
    :l:
    <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m107.gif" width="40"/>
    :m:
    <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m121.gif" width="40"/>
    :n:
    </b>
  6. Klik Save jika sudah selesai
Jika anda ingin membuat icon sendiri ubah alamat image dengan alamat emoticon buatan anda. Selamat mencoba


Artikel Terkait:


Tidak ada komentar:

Poskan Komentar

Komentator Blog Ini