Trik Cara Pasang Emoticon KASKUS di Kotak Komentar Blog
- Jika sobat pernah mengunjungi atau mungkin menjadi member dari forum
kaskus tentu sobat sudah tidak asing lagi dengan gambar2 Emoticon
dibawah ini,,,
Kali ini saya ingin berbagi tentang cara memasang
Emoticon ala kaskus di kolom komentar blogger, Untuk sobat yang mungkin tertarik untuk
memasang emotikon lucu tersebut diblog sobat berikut adalah langkah2nya:
1. Pertama Masuk terlebih dahulu ke akun blogger milik anda kemudian masuk ke menu "
Layout (Tataletak) --> Edit HTML "
2. Jangan lupa beri tanda centang pada kotak "
expand widget template"
3. Copy-Paste script/kode dibawah ini kemudian letakkan diatas kode
</body> (gunakan
ctrl+f, untuk mempermudah pencarian)
<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://uniqueinterestingfacts.com/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://uniqueinterestingfacts.com/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://uniqueinterestingfacts.com/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
4. Jika sudah cari kode seperti berikut 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>
5. Jika sudah, langkah selanjutnya adalah meletakkan kode dibawah ini tepat setelah kode
<p class='comment-footer'> (jika dalam blog sobat terdapat 3 kode seperti ini maka pilihlan kode yang Ketiga)
<b><img src='http://uniqueinterestingfacts.com/blog-triks/sundul.gif' width='40'/>
:a:
<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' width='40'/>
:b:
<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' width='40'/>
:c:
<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' width='40'/>
:d:
<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' width='40'/>
:e:
<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' width='40'/>
:f:
<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' width='40'/>
:g:
<br/><img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' width='40'/>
:h:
<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' width='40'/>
:i:
<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' width='40'/>
:j:
<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' width='40'/>
:k:
<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' width='40'/>
:l:
<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' width='40'/>
:m:
<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' width='40'/>
:n:
<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' width='40'/>
:o:
<img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' width='40'/>
:p:
</b>
6. Langkah terakhir
SAVE TEMPLATE
Sekarang silahkan lihat tampilan pada kolom komentar blog sobat apakah
Emoticon ala KASKUS tersebut sudah muncul,, jika muncul berarti cara
diatas telah berhasil sobat terapkan, selamat mencoba dan semoga
berhasil
Semoga informasi tentang
Cara memasang Emoticon ala KASKUS di Blog tersebut bermanfaat untuk anda