Give KASKUS Emoticons in The Comment Box

KASKUS Emoticons in The Comment Box - In the previous post, I have explained about How Give Yahoo Emoticons in The Comment Box here and How Give Boy-Girl Emoticons in The Comment Box here. In this post I will explain again about how to put KASKUS emoticon in the comment box blogger. With the emoticons in the comment box will surely create a blog becomes more alive. The commentators have become more able to express his feelings through icons (emoticons).

The emoticon that we will instal is KASKUS emoticon.
The emoticons look like the following:



what is your opinion? you want to put this emoticon? Ok, I will explain the steps to put it in your blog

The Steps to Put it to Your Blog:
1. Login to Your Blog
2. Goto Design (Layout) -> Edit HTML
3. Check the box 'Expand widget templates "
4. Then place the following script code before </ body>

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/malu.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}
a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/malu.gif' alt='' width='40' class='smiley'/>");

c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

5. Then find the following code:

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

Note:You can use CTRL+F to find this code

6. After you find it, put the following code after the code
<p class='comment-footer'>

<b><img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/sundul.gif' width='40'/>

:a:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/jempol2.gif' width='40'/>

:b:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/bingung.gif' width='40'/>

:c:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/ngakak.gif' width='40'/>

:d:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/hammer.gif' width='40'/>

:e:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/najis.gif' width='40'/>

:f:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/capede.gif' width='40'/>

:g:

<br/><img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/s_sm_maho.gif' width='40'/>

:h:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/takut.gif' width='40'/>

:i:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/sorry.gif' width='40'/>

:j:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/marah.gif' width='40'/>

:k:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/ngacir2.gif' width='40'/>

:l:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/I-Luv-Indonesia.gif' width='40'/>

:m:


<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/cewek.gif' width='40'/>

:n:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/shakehand2.gif' width='40'/>

:o:

<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/malu.gif' width='40'/>

:p:


</b>

7. And the final, click Save Template and see the result

ARTIKEL YANG BERHUBUNGAN :