Pasang Emoticon Kucing Di Kotak Komentar : Revisi 2

Oktober 23, 2009

Pusing! Benar-benar pusing saya dua hari ini. Lagi-lagi emoticon-emoticon kucing di kotak komentar saya pada mogok nggak mau muncul. Awalnya saya kira mungkin masalahnya lagi-lagi pada scriptnya. Ternyata tidak! Setelah saya cari-cari, ternyata biang keroknya adalah situs tempat saya menghosting javascriptnya yang sedang bermasalah pada bandwidth. Ujung-ujungnya javascript untuk memanggil emoticon-emoticon kucing itu nggak jalan. Oh... my God!! Akhirnya saya bikin revisi kedua ini.

Solusi awalnya saya berpikir untuk memindahkan saja script tersebut ke tempat hosting yang lain. Tapi saya berpikir mungkin saja suatu saat hosting yang baru ini juga bermasalah. Lalu saya punya pikiran, bagaimana caranya supaya ini tak terulang lagi. Lagi saya bertanya kepada mbah google. Dan akhirnya ketemu solusinya di blognya Mas Agus Ramadhani (http://www.o-om.com) pada artikel Solusi Hosting Javascript Di Blogger (href="http://www.o-om.com/2009/04/solusi-hosting-javascript-di-blogger.html). Solusinya yaitu dengan menuliskan langsung scriptnya pada template blogger.

Berikut revisi kedua untuk memasang emoticon kucing di kotak komentar :
  1. Pada artikel yang lalu, pada Revisi : Pasang Emoticon Kucing Di Kotak Komentar, pada penulisan script

    <script src='http://koyuki.fileave.com/emoCaticons.js' type='text/javascript'/>

    sekarang tinggal diganti dengan kode berikut

    <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://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/huhuh.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:D/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/baguus.gif' alt='' class='smiley'/>");
    _str = _str.replace(/B\-\)/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/kagum.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:x/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/kesel.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\$/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/kringet.gif' alt='' class='smiley'/>");

    _str = _str.replace(/;\;\)/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/malu.gif' alt='' class='smiley'/>");
    _str = _str.replace(/x\(/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/ide.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\?/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/mangu.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:@/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/stres.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\~/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/ngiler.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\|/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/jongkok.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\)\)/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/ngakak.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\(\(/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/jin.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\(/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/bodoh.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:s/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/hepi.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:o/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/blolok.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\)/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/bigsmile.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://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/huhuh.gif' alt='' class='smiley'/>");

    _str = _str.replace(/:D/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/baguus.gif' alt='' class='smiley'/>");
    _str = _str.replace(/B\-\)/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/kagum.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:x/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/kesel.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\$/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/kringet.gif' alt='' class='smiley'/>");

    _str = _str.replace(/;\;\)/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/malu.gif' alt='' class='smiley'/>");
    _str = _str.replace(/x\(/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/ide.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\?/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/mangu.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:@/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/stres.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\~/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/ngiler.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\|/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/jongkok.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\)\)/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/ngakak.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\(\(/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/jin.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\(/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/bodoh.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:s/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/hepi.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:o/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/blolok.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\)/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/bigsmile.gif' alt='' class='smiley'/>");
    c.item(i).innerHTML = _str;
    }
    }
    }
    //]]>
    </script>
    <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(/:L/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/love.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:E/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/maluku.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:H/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/marah.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:Q/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/puyeng.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-r/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/sebel.gif' alt='' class='smiley'/>");

    _str = _str.replace(/:-\$/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/senang.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-c/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/teriak.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-y/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/yes.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-j/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/aarrgh.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:-O/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/bingung.gif' alt='' class='smiley'/>");
    _str = _str.replace(/I-\)/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/centil.gif' alt='' class='smiley'/>");
    _str = _str.replace(/8-\|/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/dongkol.gif' alt='' class='smiley'/>");
    _str = _str.replace(/8-\}/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/gagal.gif' alt='' class='smiley'/>");
    _str = _str.replace(/=\(\(/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/haru.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-n/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/hayal.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-e/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/hhuh.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-k/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/hihihi.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(/:L/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/love.gif' alt='' class='smiley'/>");

    _str = _str.replace(/:E/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/maluku.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:H/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/marah.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:Q/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/puyeng.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-r/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/sebel.gif' alt='' class='smiley'/>");

    _str = _str.replace(/:-\$/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/senang.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-c/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/teriak.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-y/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/yes.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-j/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/aarrgh.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:-O/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/bingung.gif' alt='' class='smiley'/>");
    _str = _str.replace(/I-\)/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/centil.gif' alt='' class='smiley'/>");
    _str = _str.replace(/8-\|/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/dongkol.gif' alt='' class='smiley'/>");
    _str = _str.replace(/8-\}/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/gagal.gif' alt='' class='smiley'/>");
    _str = _str.replace(/=\(\(/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/haru.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-n/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/hayal.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-e/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/hhuh.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:\-k/gi, "<img src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/hihihi.gif' alt='' class='smiley'/>");
    c.item(i).innerHTML = _str;
    }
    }
    }
    //]]>
    </script>

  2. Untuk lokasinya sama yaitu letakan di atas kode </body>
  3. Kalau sudah tinggal tekan save template

untuk penulisan emo-nya seperti berikut :
cari kode 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'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if>
</b:if>



kalo sudah ketemu, copy pastekan kode berikut di bawah kode

<p class='comment-footer'>



kode yang disisipkan seperti berikut

<b>
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/huhuh.gif'/>
:f
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/baguus.gif'/>
:D
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/kagum.gif'/>
B-)
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/kesel.gif'/>
:x
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/kringet.gif'/>
:$
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/malu.gif'/>
;;)
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/ide.gif'/>
x(
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/mangu.gif'/>
:?
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/stres.gif'/>
:@
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/ngiler.gif'/>
:~
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/jongkok.gif'/>
:|
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/ngakak.gif'/>
:))
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/jin.gif'/>
:((
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/bodoh.gif'/>
:(
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/hepi.gif'/>
:s
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/blolok.gif'/>
:o
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/bigsmile.gif'/>
:)
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/love.gif'/>
:L
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/maluku.gif'/>
:E
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/marah.gif'/>
:H
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/puyeng.gif'/>
:Q
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/sebel.gif'/>
:-r
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/senang.gif'/>
:-$
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/teriak.gif'/>
:-c
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/yes.gif'/>
:-y
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/aarrgh.gif'/>
:-j
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/bingung.gif'/>
:-O
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/centil.gif'/>
I-)
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/dongkol.gif'/>
8-|
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/gagal.gif'/>
8-}
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/haru.gif'/>
=((
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/hayal.gif'/>
:-n
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/hhuh.gif'/>
:-e
<img border='0' src='http://i634.photobucket.com/albums/uu69/chibabeck/onion%20head/hihihi.gif'/>
:-k</b>


kalau sudah, klik save..

Dengan kejadian ini semakin membuat saya untuk lebih teliti, berpikir lebih masak sebelum memutuskan sesuatu, dan selalu semangat untuk terus belajar. Kalau dipikir-pikir saya ketawa sendiri. Satu artikel sampai direvisi dua kali. Seperti windows yang diupdate terus. Hehehehehe.......!!! :-) :-) Untuk contoh hasil revisinya bisa dilihat disini. Semua kucing-kucing imut itu muncul lagi. Hahahahaha..... bahagianya saya! Terima kasih untuk Mas Agus Ramadhani untuk tipsnya.(*bb/mys)

UPDATE : 27-02-2011
Beberapa waktu ini image hosting imageshack.us sepertinya mengalami gangguan sehingga emoticon tidak muncul, tapi yang muncul malah gambar kodok, seperti yang dialami oleh sobat Habibi. Dan untuk ini saya sudah memindahkan hosting emo-nya ke situs lain, dan sudah saya revisi langsung dalam postingan ini seperti yang di atas. Mohon maaf sebelumnya dan terima kasih, khusunya untuk sobat Habibi. ^_^

Artikel Terkait Dengan Kategori :



Share this article on :

16 comments:

Wisnu Priambodo mengatakan...

:-k

bliyanbayem mengatakan...

@Chain : thx juga sudah komen dan untuk kunjungannya!!

aroel mengatakan...

Makasih sob infonya... bener2 membantu...:-k

aroel mengatakan...

sob kok emoticon kucing di blog ku gak bisa nampil lagi... mohon infonya donk sob :-k

chandra mengatakan...

Wah ini yang kumau...

||DMC|| mengatakan...
Komentar ini telah dihapus oleh pengarang.
ararry mengatakan...

:L

Anonim mengatakan...

:-e

HABIBI mengatakan...

Gan punya saya kq ga bisa ya? omoticonnya ga keluar malah keluar gambar katak yang bertuliskan [Unregistered domain. go to http://imageshack.us to register]

Itu kenapa ya gan??

bliyanbayem mengatakan...

@Habibi : tempat hosting emoticonya, imageshack.us sepertinya mengalami gangguan. sudah saya revisi lagi, seperti yang di atas. terima kasih sebelumnya.. ^_^

loebu mengatakan...

bro kok iconnya ga nampil di kolom komentar, caranya uda sama dengan tutorial :((

Rudi mengatakan...

:)

bliyanbayem mengatakan...

loebu : eiiitt... ternyata ada yang kurang scriptnya gan.. udah aku perbaiki lagi, plus aku tambah emoticonnya. sekarang dijamin pasti mau tuh emoticon muncul.. kalau nggak silakan jewer kuping ane. heheheheh...

loebu mengatakan...

:)) berhasil.. terima kasih banyak gan
mohon bimbingannya masih newbie jg nihh bikin blog di blogspot
:-k :-k

wiwit mengatakan...

koq gak bisa muncul ya :-y

Anonim mengatakan...

terima kasih gan..!! :-k
akhirnya bisa juga di blog ane...!! :$

Posting Komentar

Silakan bagi sahabat yang ingin berkomentar, memberi kritik, dan saran sebagai apresiasi dalam tulisan ini. Saya pribadi sangat menghargai dan menghormati apapun bentuk apresiasi yang sahabat berikan. Terima kasih!!

 
© Copyright 2009-2011 bliyanbayem All Rights Reserved.
Template Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.