Wednesday, August 17, 2011

Cara memasang emoticon kaskus di komentar blog

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. 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'/> :bata  
<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'/> :capede  
<img border='0' height='30' src='http://img87.imageshack.us/img87/4976/cendol.gif' width='30'/> :cendol  
<img border='0' height='30' src='http://img402.imageshack.us/img402/3678/coolx.gif' width='30'/> :rate  
<img border='0' height='30' src='http://img87.imageshack.us/img87/2579/duka.gif' width='30'/> :duka  
<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.

No comments:

Post a Comment