Pasang Emoticon Kucing Di Kotak Komentar : Revisi 2

Oktober 23, 2009

Labels:
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 :
Posted by bliyanbayem at 3:56 PM

16 comments:

Wisnu Priambodo mengatakan...

:-k

November 09, 2009 6:22 PM
bliyanbayem mengatakan...

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

November 11, 2009 9:10 AM
aroel mengatakan...

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

Januari 22, 2010 11:23 PM
aroel mengatakan...

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

Februari 18, 2010 1:28 AM
chandra mengatakan...

Wah ini yang kumau...

Mei 15, 2010 3:12 PM
||DMC|| mengatakan...
Komentar ini telah dihapus oleh pengarang.
Desember 01, 2010 3:44 AM
ararry mengatakan...

:L

Desember 08, 2010 6:07 PM
Anonim mengatakan...

:-e

Februari 23, 2011 12:15 PM
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??

Februari 23, 2011 3:29 PM
bliyanbayem mengatakan...

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

Maret 01, 2011 11:18 AM
loebu mengatakan...

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

Maret 15, 2011 5:27 PM
Rudi mengatakan...

:)

Maret 16, 2011 8:23 AM
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...

Maret 16, 2011 8:43 AM
loebu mengatakan...

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

Maret 16, 2011 3:58 PM
wiwit mengatakan...

koq gak bisa muncul ya :-y

Maret 30, 2011 9:42 PM
Anonim mengatakan...

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

Mei 01, 2011 8:59 AM

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

Langganan: Posting Komentar (Atom)
 
© Copyright 2009-2011 bliyanbayem All Rights Reserved.
Template Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.