Pasang Emoticon Di Atas Kotak Komentar

Masih tentang emoticon, posting ini adalah bagaimana memasang emoticon agar berada di atas kotak komentar. Tentu saja emoticon di atas kotak komentar akan memudahkan komentator mengekspresikan suasana hati dan emosi melalui citra gambar wajah seperti tertawa, tersenyum, marah, kebingunan dan banyak lagi ekspresi lainnya. Oia, postingan ini juga sekalian untuk menjawab pertanyaan Richa Rie yang ingin meramaikan komentar dengan emoticon yang lucu-lucu

. Banyak emoticon gratis yang bisa dipasang. Sesuai dengan posting sebelumnya yaitu clickable emoticon di area posting dan cara menambahkan emoticon di posting, maka saya tawarkan yahoo emoticon, emoticon kucing dan japan emoticon. Contohnya bisa dilihat pada kotak komentar saya dengan yahoo emoticon. Nanti teman-teman dapat memilih salah satunya atau kalau lebih rajin, anda pun bisa menggabungkan semua emoticon tersebut.

Script Emoticon Di Atas Kotak Komentar
Nah, berhubung blogger.com tidak menyediakan fitur ini, alangkah senangnya jika kita dapat mengakali dengan trik blogspot berikut. Inilah yang didamba-dambakan oleh pengguna blogger termasuk saya

. Oke, di bawah ini tersedia script emoticon untuk ketiga jenis emoticon yang saya sebutkan tadi. Silahkan pilih ingin memasang emoticon yang mana. Kalau saya menggunakan yahoo emoticon, paling tidak sampai saat ini. Berikut adalah kode emoticon yang nantinya akan dipasang, silahkan diamat-amati dulu. Oke, lanjut.

script yahoo emoticon :

<script type='text/javascript'>
//<![CDATA[

a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = a.item(i).innerHTML.replace(/:\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt='' class='smiley'/>");
_str = _str.replace(/\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt='' class='smiley'/>");
_str = _str.replace(/\=\)\)/ig,"<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' alt='' class='smiley'/>")
a.item(i).innerHTML = _str;
}
}

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(/:\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\]/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt='' class='smiley'/>");
_str = _str.replace(/\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' alt='' class='smiley'/>");
_str = _str.replace(/=\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-\o/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\//gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\*/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' alt='' class='smiley'/>");
_str = _str.replace(/8-\}/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' alt='' class='smiley'/>");
_str = _str.replace(/~x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-t/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' alt='' class='smiley'/>");
_str = _str.replace(/b-\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\L/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' alt='' class='smiley'/>");
_str = _str.replace(/\=\)\)/ig,"<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.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') == 'owner-Body') {
_str = c.item(i).innerHTML.replace(/:\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\]/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt='' class='smiley'/>");
_str = _str.replace(/\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' alt='' class='smiley'/>");
_str = _str.replace(/=\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-\o/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\//gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\*/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' alt='' class='smiley'/>");
_str = _str.replace(/8-\}/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' alt='' class='smiley'/>");
_str = _str.replace(/~x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-t/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' alt='' class='smiley'/>");
_str = _str.replace(/b-\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\L/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' alt='' class='smiley'/>");
_str = _str.replace(/\=\)\)/ig,"<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

script emoticon kucing :

<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\$/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\~/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif' alt='' class='smiley'/>")
a.item(i).innerHTML = _str;
}
}


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://i496.photobucket.com/albums/rr329/grandisyf/capek.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\$/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\~/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.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') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\$/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\~/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

script japan emoticon :

<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")


a.item(i).innerHTML = _str;
}
}

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://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.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') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

Sekarang kita sudah mengetahui script emoticon tersebut. Jika rajin, anda dapat menyimpan script tersebut pada situs free javascript host. Sebenarnya saya ingin menyingkatnya dengan alamat kode pemanggilan javascript yang sudah saya buat. Namun lebih baik diuraikan saja agar lebih jelas. Oke lanjut. Inilah saat yang ditunggu-tunggu. Sekarang kita masuk ke bagian yang paling utama yang mungkin sudah lama anda nanti-nantikan

. Satu persatu akan dibahas secara rinci dan anda tinggal memilih ingin memasang emoticon yang mana. Namun disarankan untuk menyesuaikannya dengan template blog anda. Seperti lebar dan tinggi kotak emoticon serta warna latar belakang.

Yahoo Emoticon Di Atas Kotak Komentar

Login ke blogger dengan ID anda
Tuju bagian Layout
Pada tab menu pilih Edit HTML
Centang kotak kecil Expand Template Widget

Letakkan script yahoo emoticon ini di atas kode </body>

<script type='text/javascript'>
//<![CDATA[

a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = a.item(i).innerHTML.replace(/:\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt='' class='smiley'/>");
_str = _str.replace(/\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt='' class='smiley'/>");
_str = _str.replace(/\=\)\)/ig,"<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' alt='' class='smiley'/>")
a.item(i).innerHTML = _str;
}
}

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(/:\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\]/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt='' class='smiley'/>");
_str = _str.replace(/\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' alt='' class='smiley'/>");
_str = _str.replace(/=\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-\o/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\//gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\*/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' alt='' class='smiley'/>");
_str = _str.replace(/8-\}/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' alt='' class='smiley'/>");
_str = _str.replace(/~x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-t/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' alt='' class='smiley'/>");
_str = _str.replace(/b-\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\L/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' alt='' class='smiley'/>");
_str = _str.replace(/\=\)\)/ig,"<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.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') == 'owner-Body') {
_str = c.item(i).innerHTML.replace(/:\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\]/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt='' class='smiley'/>");
_str = _str.replace(/\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' alt='' class='smiley'/>");
_str = _str.replace(/=\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-\o/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\//gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\*/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' alt='' class='smiley'/>");
_str = _str.replace(/8-\}/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' alt='' class='smiley'/>");
_str = _str.replace(/~x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-t/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' alt='' class='smiley'/>");
_str = _str.replace(/b-\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\L/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' alt='' class='smiley'/>");
_str = _str.replace(/\=\)\)/ig,"<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

Kemudian cari kode ini, kalau ada dua maka pilih kode yang kedua.

Letakkan kode berikut di bawah kode warna merah :

<div style='width: 480; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>
</div>

Sekarang klik Save Template
Selesai

Perhatikan ukuran width:480 dan height:86 dapat disesuaikan dengan template blog anda. Sekarang coba lihat pada kotak komentar. Mudah-mudahan emoticon sudah tepat berada di atas kotak komentar.

Emoticon Kucing Di Atas Kotak Komentar

Login ke blogger dengan ID anda
Tuju bagian Layout
Pada tab menu pilih Edit HTML
Centang kotak kecil Expand Template Widget

Letakkan script yahoo emoticon ini di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:f/gi,"<img src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif''class='smiley'/>");
_str = _str.replace(/:)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif' alt=''class='smiley'/>");
_str = _str.replace(/;;)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:$/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/x(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:?/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:~/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:|/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:))/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:((/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif' alt='' class='smiley'/>")
a.item(i).innerHTML = _str;
}
}

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://i496.photobucket.com/albums/rr329/grandisyf/capek.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif''class='smiley'/>");
_str = _str.replace(/:)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif' alt=''class='smiley'/>");
_str = _str.replace(/;;)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:$/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/x(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:?/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:~/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:|/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:))/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:((/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.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') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:f/gi,"<img src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif''class='smiley'/>");
_str = _str.replace(/:)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif' alt=''class='smiley'/>");
_str = _str.replace(/;;)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:$/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/x(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:?/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:~/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:|/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:))/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:((/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

Kemudian cari kode ini, kalau ada dua maka pilih kode yang kedua.

Letakkan kode berikut di bawah kode warna merah :

<div style='width: 480; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif'/>
:f
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif'/>
:D
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif'/>
:)
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif'/>
;;)
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif'/>
:x
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif'/>
:$
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif'/>

Sekarang klik Save Template
Selesai

Sama seperti di atas, anda dapat menyesuaikan lebar, tinggi dan latar belakang area emoticon. Oke, perhatikan lagi pada kotak komentar anda. Emoticon akan berada tepat berada di atas kotak komentar.

Japan Emoticon Di Atas Kotak Komentar

Login ke blogger dengan ID anda
Tuju bagian Layout
Pada tab menu pilih Edit HTML
Centang kotak kecil Expand Template Widget

Letakkan script japan emoticon ini di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\$/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\~/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif' alt='' class='smiley'/>")
a.item(i).innerHTML = _str;
}
}


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://i496.photobucket.com/albums/rr329/grandisyf/capek.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\$/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\~/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.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') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\$/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\~/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

Kemudian cari kode ini, kalau ada dua maka pilih kode yang kedua.

Letakkan kode berikut di bawah kode warna merah :


<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 200; text-align: center; border: 0px solid #90be35; padding: 5px; background: #ffffff; height:350'>
<b>
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif'/>
:f
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif'/>
:D
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif'/>
:)
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif'/>
;;)
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif'/>
:x
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif'/>
:$
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif'/>
x(
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif'/>
:?
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif'/>
:@
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif'/>
:~
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif'/>
:|
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif'/>
:))
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif'/>
:(
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif'/>
:s
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif'/>
:((
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif'/>
:o
</b>
</div>

Sekarang klik Save Template
Selesai

Perhatikan ukuran width:200 dan height:350 serta warna latar belakang tinggal disesuaikan saja dengan template anda. Periksa, sekarang anda sudah memiliki emoticon yang cantik di atas kotak komentar.

Bagaimana, cukup mudah bukan. Tinggal copy dan paste saja koq. Oke, selamat bekerja dengan emoticon-emoticon tersebut. Semoga tidak ada masalah yang berarti ya

. Selamat berjuang sahabat

Trik Blogspot

42 comment:

Richa Rie said...: wah kang..thanks berat nih sharing infonya..kalo pasang di blog daku kira2 lsg di disbaned dari google ads gak yah? hahaha serem juga nih. kemana aja kang, somse nih gak pernah mampir lagi; 08 October, 2009
Anonymous said...: mantab; 09 October, 2009
Febry said...: Wah keren mas..tapi kok gak visa ya..punyaku; 10 October, 2009
afdil said...: caranya agar lebarnya sesuai dengan template kita bagaimana caranya ya bang? apa aja yang jadi patokan?; 12 October, 2009
Miss Cyber said...: Wah ini tips yang aku cari-cari.
Langsung tak praktekin deh....
Makasih tipsnya; 16 October, 2009
Glen Rynaldi said...: kang, koq emoticon saya ga bisa dipake buat komen yah??
jadi pas di komen emoticonnya ga muncul,. help me please..; 20 October, 2009
teguhiw said...: nah ini...info penting buat mempercantik blog. trims infonya...; 20 October, 2009
Bang Del said...: @Febry
Dicoba lagi aja dulu. Cek kode dan lihat kode yang kedua karena di blog Febry sudah ada widget readmore-nya.; 20 October, 2009
Bang Del said...: @Afdil
Lebar kotak emoticon disesuaikan dengan lebar area komentar dan area posting. Cek di property #main-wrapper. Disana ada widht (lebar) main post.; 20 October, 2009
Bang Del said...: @Glen
Ada masalah di bagian kode ini:

Coba diulangi lagi.; 20 October, 2009
Canda Karana said...: wah terima kasih kang, td sebelumnya sy bingung ko emoticonnya muncul dibawah kotak komentar ternyata diblog ini dikasih tau cari p class='comment-footer' yang kedua..
sekarang sudah ada di atas emoticonnya.; 31 October, 2009
Bang Del said...: Cahaya Karya : Terkadang tutorial membuat emoticon yang sering dijumpai tidak dicoba dulu oleh sang tutor. dan semua tutorial blogger yang ada di blog bang del sudah dicoba dan trial and error terlebih dulu Terimakasih dan semoga bermanfaat.; 05 November, 2009
Roland said...: makasih ya bangdel; 22 November, 2009
Sand! said...: matur tengkyu...; 28 November, 2009
KOKO said...: http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif
koko berkata
makasih banget atas informasinya; 01 December, 2009
Unknown said...: wah bagus ni bang . .sya mo pake yang kucing . .tp ada peringatan katanya "your html is not well made" . .nah lo . .??; 10 December, 2009
Achmad said...: Anda itu ko Huwebat buwangeet toh ...makan apa yah Anda..Just kdding Broo....Thanks 4 Sharing God Bless U; 17 December, 2009
Anonymous said...: matur nuwun bos...mantabs infonya...; 03 January, 2010
Bam said...: makasi maas.. tak coba dulu ya..; 03 January, 2010
Anonymous said...: Thank... bang.dell... ,,, atas informasinya... hehehhe; 14 January, 2010
Anonymous said...: Makasih ya om tutorialnya...
udah 5jam gw mutar" di google, tutorialnya gak ada yang bener semuanya...
udah 10kali ganti emoticon gak ada yg jadi biar 1...
cuman di tempat om ini gw dapat emoticon yg bener...
okey..tenkyuu berat yach om...
klo gak kbrtn boleh donk main" ke blog gw...; 21 January, 2010
otomotifotosport said...: mantap bang informasinya , saya pakai ICOn home sama previous dan next punya abang lho hehe; 13 March, 2010
Aditzz said...: This comment has been removed by the author.; 20 March, 2010
Aditzz said...: kok d blog saya gak muncul yah??? tolong dong arahan nya

http://aditya-sunajaya.blogspot.com; 20 March, 2010
Aditzz said...: mas saya udah pake cara yg di atas ^ tp kok masih gak muncul juga yah emoticon nya??? jd binging saya.. apa ada pengaruhnya juga dari template yg kita pakai???

please komentar nya yah...
thx..; 20 March, 2010
newbie said...: thanks for info na ni bang tapi saya ada pertanyaan lain di bank...
gimana cara menulis text di atas komentar or nambahin text diatas komentar btw bikin slide kya yg diatas gimana cara na bang [itu lho yang di bawah menu..]
sekian terima kasih; 23 March, 2010
Komandan 14 said...: bos udah jadi udah ada di atas kotak komentar tp kok gak bisa di pasang itu kenapa ya bossss? mohon di jelaskan
http://neterwonosobo.blogspot.com/; 23 March, 2010
Komandan 14 said...: gimana bosss ?? tolong donkkk; 23 March, 2010
iechaa said...: This comment has been removed by the author.; 04 April, 2010
Sudi said...: 09 April, 2010
Sudi said...: Gimana cara buat emoction clicable...?; 09 April, 2010
fine4you said...: Lam kenal Wah ini dia info yang ku cari-cari soalnya di blog saya belom ada yang kaya ginian, dah lama tak nemu eh ternyata ada disini, tanks berat bang del.; 11 May, 2010
djogjakids said...: This comment has been removed by the author.; 21 May, 2010
djogjakids said...: emoticonnya muncul, tapi bagaimana cara menambahkannya saat komentar ??; 21 May, 2010
salvation said...: salam kenal...
thanx banget buat tips-nya
keren banget.; 22 May, 2010
Anonymous said...: Mas...
sudah saya coba dan berhasil 100%.
tapi mas, mau nanya dikit nih.

gimana carannya supaya emoticonnya ter.... apa lahnamanya tu? maksudnya ada bordernya kayak punya mas. jadi emoticonnya gak gabung sama komentar di atas. semacam kotak bergaris gitu mas.
soalnya punya saya emoticonnya gak ada kotaknya.
mohon pencerahan ya mas..

kalo bisa satu lagi mas, gimana cara mengatur posisi kotak komentar mas? soalnya punya saya berada di sebelah kiri.
tolong di cek ya mas (www.taufikdisc.blogspot.com)

maaf yha mas jd kbanyakan nanya.
aq dah follow mas. di tunggu follow baliknya ya.; 24 July, 2010
Anonymous said...: Mas..
ada satu lg nih yg mw saya tanya..

emoticonnya dah kluar mas...
tapi yg saya bingungkan, kenapa emoticonnya gak kluar di komentar saya sendiri? tapi keluar saat org lain yg komen mas..
tolong bantu donk mas...; 25 July, 2010
Mahesa Jeunar said...: makasih kang info nya, ane mau pasang juga ahk; 08 October, 2010
iloveyouindonesia said...: makasih ea bang infonya, ane dah nyoba and berhasil
[url=http://iloveyouindonesia.blogspot.com/2010/11/cara-menjebol-wireless-dengan.html]link[/url]; 22 November, 2010
Love-It-Or-Die said...: gan .. mau nanya dong .. kan pasti emoticons nya bisa di ganti kan ?? .. cara gantinya gimana sih gan ?? .. gue udah coba tapi ga bisa juga .. mohon bantuannya !!; 05 February, 2011
odoy said...: boleh juga tuh.,.,.,; 16 September, 2013
rida said...: nice post; 16 September, 2013