Cara Membuat / Memasang Emoticon Kaskus Pada Blog

Nah pada malam hari kali ini Tutorial Blogger akan memberikan tutorial yang berjudul Cara Membuat / Memasang Emoticon Kaskus Pada Blog. Memang emoticon itu memiliki beberapa jenis seperti facebook, yahoo, dan kaskus. Semuanya itu sebetulnya sama saja, cuma simbonya saja yang berbeda dari ketiga website tersebut.

Berikut adalah Cara Membuat / Memasang Emoticon Kaskus Pada Blog:

1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode </body> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
6. Setelah ketemu hapus kode yang tadi lalu ganti dengan kode dibawah ini

<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://grandis.web.id/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://grandis.web.id/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://grandis.web.id/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://grandis.web.id/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://grandis.web.id/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://grandis.web.id/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://grandis.web.id/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://grandis.web.id/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://grandis.web.id/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://grandis.web.id/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://grandis.web.id/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://grandis.web.id/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://grandis.web.id/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://grandis.web.id/blog-triks/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://grandis.web.id/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://grandis.web.id/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://grandis.web.id/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://grandis.web.id/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://grandis.web.id/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://grandis.web.id/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://grandis.web.id/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://grandis.web.id/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://grandis.web.id/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://grandis.web.id/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://grandis.web.id/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://grandis.web.id/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://grandis.web.id/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://grandis.web.id/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");

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

7. Setelah itu cari lagi kode yang ada di bawah 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> 

8. Kalau sobat tidak menemukan kode yang bewarna biru itu, cari aja yang agak mirip
9. Setelah ketemu letakan kode berikut tepat dibawah kode <p class='comment-footer'>

<b><img src='http://grandis.web.id/blog-triks/sundul.gif' width='40'/>

:a:

<img src='http://grandis.web.id/blog-triks/jempol2.gif' width='40'/>

:b:

<img src='http://grandis.web.id/blog-triks/bingung.gif' width='40'/>

:c:

<img src='http://grandis.web.id/blog-triks/ngakak.gif' width='40'/>

:d:

<img src='http://grandis.web.id/blog-triks/hammer.gif' width='40'/>

:e:

<img src='http://grandis.web.id/blog-triks/najis.gif' width='40'/>

:f:

<img src='http://grandis.web.id/blog-triks/capede.gif' width='40'/>

:g:

<br/><img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' width='40'/>

:h:

<img src='http://grandis.web.id/blog-triks/takut.gif' width='40'/>

:i:

<img src='http://grandis.web.id/blog-triks/sorry.gif' width='40'/>

:j:

<img src='http://grandis.web.id/blog-triks/marah.gif' width='40'/>

:k:

<img src='http://grandis.web.id/blog-triks/ngacir2.gif' width='40'/>

:l:

<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' width='40'/>

:m:


<img src='http://grandis.web.id/blog-triks/cewek.gif' width='40'/>

:n:

<img src='http://grandis.web.id/blog-triks/shakehand2.gif' width='40'/>

:o:

<img src='http://grandis.web.id/blog-triks/malu.gif' width='40'/>

:p:


</b>

8. Simpan
Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya

Hm memasang emoticon kaskus itu memang sedikit agak ribet sob, tetapi hasilnya terbalas kan dengan kelucuan emoticon tersebut?