Home » , , » Pasang Emoticon Di Atas Kotak Komentar

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 mrgreen. 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
  1. Login ke blogger dengan ID anda
  2. Tuju bagian Layout
  3. Pada tab menu pilih Edit HTML
  4. Centang kotak kecil Expand Template Widget
  5. 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>
  6. Kemudian cari kode ini, kalau ada dua maka pilih kode yang kedua.
    <p class='comment-footer'>
    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>

  7. Sekarang klik Save Template
  8. 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
  1. Login ke blogger dengan ID anda
  2. Tuju bagian Layout
  3. Pada tab menu pilih Edit HTML
  4. Centang kotak kecil Expand Template Widget
  5. 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>
  6. Kemudian cari kode ini, kalau ada dua maka pilih kode yang kedua.
    <p class='comment-footer'>
    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'/>

  7. Sekarang klik Save Template
  8. 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
  1. Login ke blogger dengan ID anda
  2. Tuju bagian Layout
  3. Pada tab menu pilih Edit HTML
  4. Centang kotak kecil Expand Template Widget
  5. 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>
  6. Kemudian cari kode ini, kalau ada dua maka pilih kode yang kedua.
    <p class='comment-footer'>
    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>

  7. Sekarang klik Save Template
  8. 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 .
Share this article :
Label: , ,

0 komentar:

Posting Komentar

Resource


TABLE OF CONTENTS



 
Support : Your Link | Your Link | Your Link
Copyright © 2013. C4T4T4N 4N4K B4NGS4 - All Rights Reserved
Template Created by Creating Website Modified by CaraGampang.Com
Proudly powered by Blogger