Memasang emoticon kotak komentar versi baru

Dulu saya pernah memberi tutorial tentang
memasang emoticon di kotak komentar

disini. Sekarang saya akan memberi tutorial tentang
memasang emoticon versi baru. Saya
mendapatkan tutorial ini ketika jalan-jalan di blognya
grandis. Disana saya mendapatkan
tutorial tentang memasang emoticon versi baru.
Kalau yang belum tahu versi lama dan versi baru seperti ini :

Emoticon Yahoo :

Emoticon Kucing :

Maka,Dalam versi baru,emoticonnya adalah
seperti berikut:

Gimana lebih menarik kan...Cara memasangnya adalah :

1. Tata Letak --->>
Edit HTML.

2. Centang "Expand Widget Template"

3. Lalu letakkan script berikut sebelum 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(/: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>

4. Kemudian cari kode berikut ini :

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>

5. Ketemu kan?Kalo sudah ketemu letakkan kode2 berikut setelah kode
<p class='comment-footer'>

<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' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif'
width='30'/> :a:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'
width='30'/> :b:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif'
width='30'/> :c:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif'
width='30'/> :d:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif'
width='30'/> :e:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'
width='30'/> :f:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif'
width='30'/> :g:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif'
width='30'/> :h:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif'
width='30'/> :i:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif'
width='30'/> :j:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif'
width='30'/> :k:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif'
width='30'/> :l:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif'
width='30'/> :m:

<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif'
width='30'/> :n:

</b>

</div>