below are examples of emoticons KASKUS:
you are still interested to incorporate this into the comment box emoticon you see the steps in my post this:
well here are the steps:
A. Login to your Blog
2. click Design (Layout) then click Edit HTML
3. dont foget to check EXPAND BOX '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>
<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. FINAL steps, click SAVE TEMPLATE and see the result
No comments:
Post a Comment