Cara Memasang Emoticon Kaskus di CommentBox

Pada postingan kali ini akan membahas tentang cara memasang emoticon kaskus di komentar blog.

 

 

Langkah-langkahnya :

1. Masuk ke akun blog sobat.

2. Klik Rancangan lalu klik Edit HTML.

3. Untuk berjaga-jaga sebaiknya klik download template lengkap terlebih dahulu agar jika terjadi kesalahan template sobat bisa di backup.

4. Centang kotak Expand Template Widget kemudian cari kode dibawah ini. Untuk mempermudah pencarian tekan ctrl+f.

</body>


5. Copy kode dibawah ini dan pastekan diatas 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://img338.imageshack.us/img338/5228/amati.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://img87.imageshack.us/img87/6011/bata.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://img402.imageshack.us/img402/7973/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://img100.imageshack.us/img100/9422/capede.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://img87.imageshack.us/img87/4976/cendol.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://img402.imageshack.us/img402/3678/coolx.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://img87.imageshack.us/img87/2579/duka.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://img87.imageshack.us/img87/5840/malu2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://img87.imageshack.us/img87/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://img100.imageshack.us/img100/8913/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://img265.imageshack.us/img265/350/metalz.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://img338.imageshack.us/img338/1411/nangisb.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://img255.imageshack.us/img255/4203/ngacir.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://img101.imageshack.us/img101/8817/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://img402.imageshack.us/img402/1039/ngintip.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://img408.imageshack.us/img408/4052/pertamax.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://img408.imageshack.us/img408/7797/siul.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://img101.imageshack.us/img101/6695/tkp.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(/:nyimak/gi, "<img src='http://img338.imageshack.us/img338/5228/amati.gif' alt='' class='smiley'/>");
_str = _str.replace(/:bata/gi, "<img src='http://img87.imageshack.us/img87/6011/bata.gif'' class='smiley'/>");
_str = _str.replace(/:bingung/gi, "<img src='http://img402.imageshack.us/img402/7973/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:capede/gi, "<img src='http://img100.imageshack.us/img100/9422/capede.gif' alt='' class='smiley'/>");
_str = _str.replace(/:cendol/gi, "<img src='http://img87.imageshack.us/img87/4976/cendol.gif' alt='' class='smiley'/>");
_str = _str.replace(/:rate/gi, "<img src='http://img402.imageshack.us/img402/3678/coolx.gif' alt='' class='smiley'/>");
_str = _str.replace(/:duka/gi, "<img src='http://img87.imageshack.us/img87/2579/duka.gif' alt='' class='smiley'/>");
_str = _str.replace(/:malu2/gi, "<img src='http://img87.imageshack.us/img87/5840/malu2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:malu/gi, "<img src='http://img87.imageshack.us/img87/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:marah/gi, "<img src='http://img100.imageshack.us/img100/8913/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:metal/gi, "<img src='http://img265.imageshack.us/img265/350/metalz.gif' alt='' class='smiley'/>");
_str = _str.replace(/:nangis/gi, "<img src='http://img338.imageshack.us/img338/1411/nangisb.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngacir/gi, "<img src='http://img255.imageshack.us/img255/4203/ngacir.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngakak/gi, "<img src='http://img101.imageshack.us/img101/8817/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngintip/gi, "<img src='http://img402.imageshack.us/img402/1039/ngintip.gif' alt='' class='smiley'/>");
_str = _str.replace(/:pertamax/gi, "<img src='http://img408.imageshack.us/img408/4052/pertamax.gif' alt='' class='smiley'/>");
_str = _str.replace(/:siul/gi, "<img src='http://img408.imageshack.us/img408/7797/siul.gif' alt='' class='smiley'/>");
_str = _str.replace(/:tkp/gi, "<img src='http://img101.imageshack.us/img101/6695/tkp.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(/:nyimak/gi, "<img src='http://img338.imageshack.us/img338/5228/amati.gif' alt='' class='smiley'/>");
_str = _str.replace(/:bata/gi, "<img src='http://img87.imageshack.us/img87/6011/bata.gif'' class='smiley'/>");
_str = _str.replace(/:bingung/gi, "<img src='http://img402.imageshack.us/img402/7973/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:capede/gi, "<img src='http://img100.imageshack.us/img100/9422/capede.gif' alt='' class='smiley'/>");
_str = _str.replace(/:cendol/gi, "<img src='http://img87.imageshack.us/img87/4976/cendol.gif' alt='' class='smiley'/>");
_str = _str.replace(/:rate/gi, "<img src='http://img402.imageshack.us/img402/3678/coolx.gif' alt='' class='smiley'/>");
_str = _str.replace(/:duka/gi, "<img src='http://img87.imageshack.us/img87/2579/duka.gif' alt='' class='smiley'/>");
_str = _str.replace(/:malu2/gi, "<img src='http://img87.imageshack.us/img87/5840/malu2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:malu/gi, "<img src='http://img87.imageshack.us/img87/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:marah/gi, "<img src='http://img100.imageshack.us/img100/8913/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:metal/gi, "<img src='http://img265.imageshack.us/img265/350/metalz.gif' alt='' class='smiley'/>");
_str = _str.replace(/:nangis/gi, "<img src='http://img338.imageshack.us/img338/1411/nangisb.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngacir/gi, "<img src='http://img255.imageshack.us/img255/4203/ngacir.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngakak/gi, "<img src='http://img101.imageshack.us/img101/8817/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngintip/gi, "<img src='http://img402.imageshack.us/img402/1039/ngintip.gif' alt='' class='smiley'/>");
_str = _str.replace(/:pertamax/gi, "<img src='http://img408.imageshack.us/img408/4052/pertamax.gif' alt='' class='smiley'/>");
_str = _str.replace(/:siul/gi, "<img src='http://img408.imageshack.us/img408/7797/siul.gif' alt='' class='smiley'/>");
_str = _str.replace(/:tkp/gi, "<img src='http://img101.imageshack.us/img101/6695/tkp.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

6. Selanjutnya cari kode dibawah ini. Untuk mempermudah pencarian ketikkan atau pastekan kode  <p class='comment-footer'> saja.


<p class='comment-footer'>


< b:if cond='data:post.embedCommentForm'><b:if cond='data:post.allowNewComments'>
< b:include data='post' name='comment-form'/>
< b:else/>
< data:post.noNewCommentsText/> </b:if><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>


7. Kemudian copy kode dibawah ini dan pastekan di bawah kode <p class='comment-footer'>.

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; background: transparent; width: 350; text-align: left; border: 1px solid #fff; padding: 5px; height:350'>
<b>
<img border='0' height='30' src='http://img338.imageshack.us/img338/5228/amati.gif' width='30'/> :nyimak
<img border='0' height='30' src='http://img87.imageshack.us/img87/6011/bata.gif' width='30'/> :batabig
<img border='0' height='30' src='http://img402.imageshack.us/img402/7973/bingung.gif' width='30'/> :bingung
<img border='0' height='30' src='http://img100.imageshack.us/img100/9422/capede.gif' width='30'/> :cd
<img border='0' height='30' src='http://img87.imageshack.us/img87/4976/cendol.gif' width='30'/> :cendolbig
<img border='0' height='30' src='http://img402.imageshack.us/img402/3678/coolx.gif' width='30'/> :rate5
<img border='0' height='30' src='http://img87.imageshack.us/img87/2579/duka.gif' width='30'/> :berduka
<img border='0' height='30' src='http://img87.imageshack.us/img87/5840/malu2.gif' width='30'/> :malu2
<img border='0' height='30' src='http://img87.imageshack.us/img87/333/malu.gif' width='30'/> :malu
<img border='0' height='30' src='http://img100.imageshack.us/img100/8913/marah.gif' width='30'/> :marah
<img border='0' height='30' src='http://img265.imageshack.us/img265/350/metalz.gif' width='30'/> :metal
<img border='0' height='30' src='http://img338.imageshack.us/img338/1411/nangisb.gif' width='30'/> :nangis
<img border='0' height='30' src='http://img255.imageshack.us/img255/4203/ngacir.gif' width='30'/> :ngacir
<img border='0' height='30' src='http://img101.imageshack.us/img101/8817/ngakak.gif' width='30'/> :ngakak
<img border='0' height='30' src='http://img402.imageshack.us/img402/1039/ngintip.gif' width='30'/> :ngintip
<img border='0' height='30' src='http://img408.imageshack.us/img408/4052/pertamax.gif' width='30'/> :pertamax
<img border='0' height='30' src='http://img408.imageshack.us/img408/7797/siul.gif' width='30'/> :siul
<img border='0' height='30' src='http://img101.imageshack.us/img101/6695/tkp.gif' width='30'/> :tkp
</b>
</div>

8. Klik Simpan Template.

Salam ilmu pengetahuan ^^ 

 

sumber