Lompat ke konten Lompat ke sidebar Lompat ke footer

Menampilkan Emoticon Kucing di Kotak Komentar

Siapa yang suka kucing? kalo saya seh gak suka kucing, hi,, agak gila (bahasa jawa). Tapi juga gak sedikit yang suka kucing, mungkin kamu juga suka kucing?? Oke, yang suka kucing akan saya manjakan kalian dengan belajar ngeblog yang satu ini, yaitu Menampilkan Emoticon Kucing di Kotak Komentar. Setalah dulu pernah kita bahas cara menampilkan emoticon atau smile bergaya yahoo, atau judul aslinya Menampilkan Emoticon ( Smile ) Di Kotak Komentar.

Berbeda dengan dahulu tentunya, ekspresi atau emoticon komentator akan digambarkan dalam wajah-wajah kucing seperti ini


hehe :) lucu pa gak? Kita akan bersama-sama untuk memulai belajar ngeblog untuk membuat emoticon bergaya kucing di atas, cara menampilkan emoticon kucing ini diperkenalkan pertama kali oleh Kendhin dan kemudian saya bahas lagi :)

MAAF TUTORIAL BAGIAN INI SUDAH TIDAK BERLAKU LAGI

Cara Menampilkan Emoticon Kucing di Kotak Komentar
1. Login ke www.blogger.com lalu pilih tata letak (layout)
2. Pilih EDIT HTML
3. Expand widget template anda
4. Lalu taruh script berikut ini di sebelum </body>  


<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(/:f/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/capek.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/B-)/gi, "<img src='http://kendhin.890m.com/emoticon/cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:$/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/malu.gif' alt='' class='smiley'/>");

_str = _str.replace(/;;)/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/x(/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:?/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:~/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:|/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:))/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:((/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:(/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/wow.gif' alt='' class='smiley'/>");
_str = _str.replace(/:)/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/hi.gif' alt='' 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(/:f/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/capek.gif' alt='' class='smiley'/>");

_str = _str.replace(/:D/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/B-)/gi, "<img src='http://kendhin.890m.com/emoticon/cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:$/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/malu.gif' alt='' class='smiley'/>");

_str = _str.replace(/;;)/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/x(/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:?/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:~/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:|/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:))/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:((/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:(/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:)/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/hi.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/wow.gif' alt='' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}

//]]>
</script>

5. Cari kode berikut ini

<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>

6. Kalau sudah ketemu taruh script berikut ini di bawah
<p class='comment-footer'>

<b><img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/capek.gif'/> :f
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bigsmile.gif'/> :D
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/hi.gif'/> :)
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/kagum.gif'/> ;;)
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/love.gif'/> :x
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/malu.gif'/> :$
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/marah.gif'/> x(
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bingung.gif'/> :?
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mumet.gif'/> :@
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/muntah.gif'/> :~
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mentok.gif'/> :|
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/ngakak.gif'/> :))
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/sedih.gif'/> :(
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/senang.gif'/> :s
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/tolong.gif'/> :((
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/wow.gif'/> :o
</b>

7. Simpan Template kalau sudah selesai

Kode-kode scriptnya hampir sama dengan kode-kode script emoticon ala yahoo, tapi sebenarnya juga berbeda seh, Opps,,, :z jika sulit mencari kode di template baca juga artikel tips aman mengedit template.

61 komentar untuk "Menampilkan Emoticon Kucing di Kotak Komentar"

  1. Saya lebih suka pake yang ala yahoo, lebih simple atau sama kali :o tapi hemat tempat ah,,,, :))

    BalasHapus
  2. keren bos tutorialnya

    BalasHapus
  3. Nice blog,sangat membantu para blogger pemula seperti sy.Salam kenal :-)

    BalasHapus
  4. sama sj tergantung orangnya.. sih

    BalasHapus
  5. Trims bro
    blog ini sudah saya add di blogroll
    thanks atas kunjungannya

    BalasHapus
  6. blognya mantapp..
    salam kenal...

    BalasHapus
  7. Hatur nuhun Bos.... Meni Sae pisan blogna.... :)

    BalasHapus
  8. Sorry Bos, abdi hilap tidak menyantumkan Blog anda di posting saya :-*

    BalasHapus
  9. ternyata smiley yg saya pake di blog :D

    BalasHapus
  10. Terima kasih atas informasinya

    BalasHapus
  11. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  12. gmana cara buat post komentar
    ??????
    help me...

    BalasHapus
  13. Mending yang yahoo,,nggak nggangu bentuk tulisan...kecuali kalo pengen komen pake smiley aja... :)

    BalasHapus
  14. waooo...keren banget blog dan artikel-artikelnya...

    Keep Writing

    tips-trick-successfull

    BalasHapus
  15. gagal uy :((

    tapi d coba k2 kali berhasil :)

    BalasHapus
  16. mas, tolong saya dong...kenapa ya...waktu orang mau posting komentar di tempat saya ko ga bisa terbuka penuh tab komentarnya........sendalkahfi.blogspot.com

    BalasHapus
  17. terima kasih mas

    blog saya lebih idup dikit..maklum pemula . :D

    BalasHapus
  18. wah, lucu juga... sepertinya emo itu cocok buat blog anakku, hehe..

    BalasHapus
  19. mana emot kucingnya.......?????????????

    BalasHapus
  20. ada contoh icon kucingnya gak bos

    BalasHapus
  21. makasih mas infonya... udah saya coba tapi dicabut lagi coz berat pas loading blognya...

    BalasHapus
  22. aduhhhh.,,,,~x(

    BalasHapus
  23. bgusbgusbgus

    follow blog aku donk

    BalasHapus
  24. hay... makasi ya tips nya :D

    BalasHapus
  25. alo kk!! follow blog gw ya.. plz!!
    yg uda follow tnggalin komen d chatbox aj tar gw follow balik!

    BalasHapus
  26. ane udah ngetes gan , tapi gak bisa ..
    ~x(
    ini memang gk bisa atau ane nya yg gk paham seh ?
    :-/

    BalasHapus
  27. Terimakasih untuk semua komentarnya, memang ada kode yang rusak tapi sekarang sudah diperbaiki :D

    BalasHapus
  28. emang udah muncul sih gambar emoticonnya..
    qo di blog gw ga bisa dipake ea bro???
    apa di blog gw ada script yang salah???

    BalasHapus
  29. saya cari2 kodenya kok g ada ya mas??

    BalasHapus
  30. hahaahaaa.. keren sih tp aku lbh suka yg simple

    BalasHapus
  31. kok di aku gak ada sihh :((

    BalasHapus
  32. wah makasih nih infony...

    pengen tapi kelihatannya berat.. jadi pake emo yang simple aja deh heheh

    jangan lupa follow back y?? n comment

    BalasHapus
  33. gan.. emoticonnya gak bisa klliatan.. ttp aja berbentuk simbol2 gtu...

    salwan-wiwin.blogspot.com

    BalasHapus
  34. yahh.. cari tulisan 'body' nya susah banget ex: b-( cuman makasih atas infonya ex: :D

    BalasHapus
  35. kog ga bisa yaaaa..... :((

    BalasHapus
  36. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  37. sobat klo mau menempatkan emoticon di sebelah kanan kotak komentar bagaimana?..

    BalasHapus
  38. :p :p :p
    numpang lewat gan...
    :D :D :D

    BalasHapus
  39. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  40. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  41. http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif

    BalasHapus
  42. tes koment :)]

    BalasHapus
  43. caranya udh gk bisa lgi yah? :)]

    BalasHapus
  44. Terimakasih sob.
    Oh ya. . ...slam knal sob.
    Mohon bimbingannya ,
    maklum pemula .:)

    BalasHapus

Berlangganan via Email