» » » » » Cara Membuat Emoticon Kaskus dan Adsense-id di Komentar Blog

Cara Membuat Emoticon Kaskus dan Adsense-id di Komentar Blog

, , , Edit

Langsung aja tanpa basa-basi...
Sebelum mengedit template sebaiknya simpan dulu template anda dengan mengklik Download Template Lengkap agar lebih aman jika terjadi kegagalan saat mengedit template.

1. Login ke Dasbor Anda ---> Edit HTML
2. Jangan lupa centang Expand Template Widget
3. Cari kode ini:
<b:if cond='data:post.embedCommentForm'>
(di template saya ada 2 kode seperti ini, pilih yang ke 2)
4. Masukkan kode berikut ini tepat di atas kode <b:if cond='data:post.embedCommentForm'>
<b>
<img src='http://i.imgur.com/4a2GG.gif' width='40'/>
:a:
<img src='http://i.imgur.com/Jnwl1.gif' width='40'/>
:b:
<img src='http://i.imgur.com/h9NDs.gif' width='40'/>
:c:
<img src='http://i.imgur.com/IL1IB.gif' width='40'/>
:d:
<img src='http://i.imgur.com/k3Fdh.gif' width='40'/>
:e:
<img src='http://i.imgur.com/ZDlSF.gif' width='40'/>
:f:
<img src='http://i.imgur.com/OXalA.gif' width='40'/>
:g:
<img src='http://i.imgur.com/cnARR.gif' width='40'/>
:h:
<img src='http://i.imgur.com/WTmJr.gif' width='40'/>
:i:
<img src='http://i.imgur.com/kenHK.gif' width='40'/>
:j:
<img src='http://i.imgur.com/aDJrj.gif' width='40'/>
:k:
<img src='http://i.imgur.com/E5qba.gif' width='40'/>
:l:
<img src='http://i.imgur.com/w3vTW.gif' width='40'/>
:m:
<img src='http://i.imgur.com/0WFG2.gif' width='40'/>
:n:
<img src='http://i.imgur.com/bkfG8.gif' width='40'/>
:o:
<img src='http://i.imgur.com/zvteN.gif' width='40'/>
:p:
<img src='http://i.imgur.com/xkzm0.gif' width='40'/>
:q:
<img src='http://i.imgur.com/UqDiW.gif' width='40'/>
:r:
<br/>
<img src='http://i.imgur.com/5uihz.gif' width='40'/>
:s:
<img src='http://i.imgur.com/5O9L2.gif' width='40'/>
:t:
<img src='http://i.imgur.com/7RDAt.gif' width='40'/>
:u:
<img src='http://i.imgur.com/WmQPn.gif' width='40'/>
:v:
<img src='http://i.imgur.com/9C3hy.gif' width='40'/>
:w:
<img src='http://i.imgur.com/fFhYI.gif' width='40'/>
:x:
<img src='http://i.imgur.com/e50uc.gif' width='40'/>
:y:
<img src='http://i.imgur.com/RjY5y.gif' width='40'/>
:z:
<img src='http://i.imgur.com/lrZEF.gif' width='40'/>
:ab:
<br/>
</b>

5.  Pasang kode dibawah ini sebelum </body>
<!-- Emoticon  Start -->
<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://i.imgur.com/4a2GG.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i.imgur.com/Jnwl1.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i.imgur.com/h9NDs.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i.imgur.com/IL1IB.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i.imgur.com/k3Fdh.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i.imgur.com/ZDlSF.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i.imgur.com/OXalA.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i.imgur.com/cnARR.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i.imgur.com/WTmJr.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i.imgur.com/kenHK.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i.imgur.com/aDJrj.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i.imgur.com/E5qba.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i.imgur.com/w3vTW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i.imgur.com/0WFG2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://i.imgur.com/bkfG8.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://i.imgur.com/zvteN.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://i.imgur.com/xkzm0.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://i.imgur.com/UqDiW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:s:/gi, "<img src='http://i.imgur.com/5uihz.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:t:/gi, "<img src='http://i.imgur.com/5O9L2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:u:/gi, "<img src='http://i.imgur.com/7RDAt.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:v:/gi, "<img src='http://i.imgur.com/WmQPn.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:w:/gi, "<img src='http://i.imgur.com/9C3hy.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:x:/gi, "<img src='http://i.imgur.com/fFhYI.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:y:/gi, "<img src='http://i.imgur.com/e50uc.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:z:/gi, "<img src='http://i.imgur.com/RjY5y.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ab:/gi, "<img src='http://i.imgur.com/lrZEF.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://i.imgur.com/4a2GG.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i.imgur.com/Jnwl1.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i.imgur.com/h9NDs.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i.imgur.com/IL1IB.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i.imgur.com/k3Fdh.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i.imgur.com/ZDlSF.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i.imgur.com/OXalA.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i.imgur.com/cnARR.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i.imgur.com/WTmJr.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i.imgur.com/kenHK.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i.imgur.com/aDJrj.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i.imgur.com/E5qba.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i.imgur.com/w3vTW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i.imgur.com/0WFG2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://i.imgur.com/bkfG8.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://i.imgur.com/zvteN.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://i.imgur.com/xkzm0.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://i.imgur.com/UqDiW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:s:/gi, "<img src='http://i.imgur.com/5uihz.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:t:/gi, "<img src='http://i.imgur.com/5O9L2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:u:/gi, "<img src='http://i.imgur.com/7RDAt.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:v:/gi, "<img src='http://i.imgur.com/WmQPn.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:w:/gi, "<img src='http://i.imgur.com/9C3hy.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:x:/gi, "<img src='http://i.imgur.com/fFhYI.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:y:/gi, "<img src='http://i.imgur.com/e50uc.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:z:/gi, "<img src='http://i.imgur.com/RjY5y.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ab:/gi, "<img src='http://i.imgur.com/lrZEF.gif' alt='' width='40' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
<!-- Emoticon  End -->
6. Save template dan lihat hasilnya

Untuk menambah emoticon lain silahkan berkreasi sendiri.
Jika ada masalah silahkan komentar dibawah...

24 Responses to "Cara Membuat Emoticon Kaskus dan Adsense-id di Komentar Blog"

  1. Anonim25 Maret 2012 pukul 07.46

    Thank's OM liat blog gw +++++

    http://fauzansyarif.blogspot.com/

    BalasHapus
  2. Jane Doe19 April 2012 pukul 23.53

    Langkah yang master sarankan telah saya kerjakan semaksimal mungkin, kode pada langkah ke-4 juga sudah saya tempatkan di atas kedua kode langkah ke-2.
    gambaar emoticon kaskus dapat nampak di atas komentar namun tidak bekerja pada cara kerjanya, mohon bantuan agan ? bomers butuh petunjuk nih.... :x:

    BalasHapus
    Balasan
    1. Unknown20 April 2012 pukul 13.48

      yg saya mau tanyakan dulu apakah blog kamu menggunakan fitur thread comment atau tidak?

      Hapus
    2. Jane Doe20 April 2012 pukul 15.56

      iya, untuk saat ini. namun sebelumnya tidak, karena itu hanya edit HTML gan.....

      Hapus
  3. Unknown20 April 2012 pukul 23.50

    berarti blog kamu menggunakan thread comment, kalau cara ini tidak bekerja untuk yg menggunakan thread comment,
    untuk blog yg menggunakan thread comment masuk kesini http://www.mainbom.com/2012/04/pasang-emoticon-kaskus-dan-adsense-id.html

    ikuti petunjuknya secara cermat

    BalasHapus
  4. Id Bloger1 Juni 2012 pukul 08.45

    kalau untuk tread koment bisa kontak gue ...

    BalasHapus
  5. Fajrin1 Juni 2012 pukul 17.03

    :n:

    BalasHapus
  6. Mudho AHM3 Juni 2012 pukul 02.37

    Makasiih brooo.... :m: coba tak pasng nehh,, berat ga yah..

    BalasHapus
  7. Gery-9818 Juni 2012 pukul 15.53

    Work gan thanks banget :c:

    BalasHapus
  8. merry 8 Juli 2012 pukul 17.56

    :f:thanks gan work 100 % ...

    BalasHapus
  9. Enda Alfaridzh9 Juli 2012 pukul 13.12

    :k: ko di blog ane kagak bisa gan??? :g: :g: :g: :g:

    BalasHapus
  10. Rizki14 Juli 2012 pukul 16.24

    Gan Thak Ya Atas Infonya :e:

    Kalau Mau download Sub Film Di Blogku Aja Gan :g:

    BalasHapus
  11. Unknown20 Juli 2012 pukul 15.17

    gan... ini kalau di disqus bisa nggak? :j:

    BalasHapus
  12. Anonim25 Juli 2012 pukul 13.49

    test gam :d:

    BalasHapus
  13. WiG27 Juli 2012 pukul 07.38

    :ab: belumm...!

    BalasHapus
  14. SHOOTER121 Agustus 2012 pukul 15.32

    worked gan ! :b:

    BalasHapus
  15. Miko Ahmad Fauzi16 Agustus 2012 pukul 00.54

    http://i.imgur.com/h9NDs.gif

    BalasHapus
  16. Unknown1 September 2012 pukul 13.26

    :p:

    BalasHapus
  17. Anonim16 Oktober 2012 pukul 16.59

    :w:

    BalasHapus
  18. BacaTekno.com8 Desember 2012 pukul 23.38

    Thanks gan tapi belum bisa :D
    www.galang-community.blogspot.com

    BalasHapus
  19. Anonim12 Januari 2013 pukul 12.03

    alhamdulillah work gan..
    thx ea sob


    Artikel | Motivasi Bermanfaat
    silahkan berkunjung

    BalasHapus
  20. Mohammad Robih3 Januari 2014 pukul 09.28

    Mantap sob. Blog walking sob
    Buat temen-temen yang belajar android dll silahkan saja
    http://mohammadrobih.blogspot.com/

    BalasHapus

Langganan: Posting Komentar (Atom)