Hallo kawan. Sobat pasti pernah kan main ke kaskus, nah ketika kita posting thread mereka menyediakan Emoticon untuk mempercantik tampilan postingnya. Jika agan pecinta kaskus jangan khawatir karena emoticon kaskus bisa dipasang di blog kalian contohnya blog saya ini silahkan lihat dibagian kolom komentar diatasnya memakai emoticon. Langsung aja deh cara buatnya.
1. Login ke Blogger
2. Pilih rancangan >> Edit HTML >> centang expand template widget
3. cari kode <p class='comment-footer'> setelah ketemu pastekan kode berikut tepat dibawah <p class='comment-footer'>
<b><img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.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:
</b>
4. Lalu cari kode </body> dan pastekan kode berikut dibawah kode </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://uniqueinterestingfacts.com/blog-triks/shakehand2.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'/>");
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/shakehand2.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'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
5. Klik Pratinjau terlebih dahulu, jika sukses baru di Save.
Note:
jika sudah benar mengikuti langkahnya tetapi cara ini tidak berhasil maka template agan kurang support dengan javascript yang theciboy berikan, karena tidak semua template bisa menerima script yang sama.
Mudah bukan cara membuatnya, kalian juga pasti bisa. Sekian Cara Membuat Emoticon kaskus Di Blog, jangan lupa like dan komennya ya. Makasih
test :b:
ReplyDelete