Emoticon Kaskus Versi Kecil Untuk Threaded Comments Blogspot

kali ini ane share tentang Cara Membuat Emoticon Kaskus Di komentar  
tentunya agan - agan sudah tidak asing kan dengan forum online terbesar di Indonesia ini dan tentunya buatan  orang Indonesia 

Emot yg ane share versi kecilnya gan dan smoga tidak begitu memperberat loading blog
Langsung saja gan dicoba


Demo


Tahap 1. Pertama masuk Dashboard - Template - Edit HTML

Tahap 2. Expand Widget Template

Tahap 3. Cari Kode </body> (CTRL + F)
salin Kode Dibawah dan tempel sebelum kode di atas

<script src='https://haidarax.googlecode.com/files/emotion-kaskus-kecil.js' type='text/javascript'></script>

Tahap 5. Cari <div class='post-footer-line post-footer-line-3'>
salin kode dibawah ini dan tempel di bawah kode di atas

<script type='text/javascript'>
//<![CDATA[
function moreSmilies() {
    document.getElementById('smiley-more').style.display = 'inline';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()"><div style="font-size:small; font-weight:bold;color:#000000;">Sembunyikan Emoticons</div></span>';
}
function lessSmilies() {
    document.getElementById('smiley-more').style.display = 'none';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()"><div style="font-size:small; font-weight:bold;">Lihat Emoticons</div></a>';
}
//]]>
</script>
<div class='emoticons'>
<span id='smiley-more' style='display: none;'>
:addfriends <img alt='' class='smiley' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT7KLrFDq4saXT1qLQFsZi5SRhI3aR0-TDmNCirFzjCefPkP_u8KfBxW9SaGGPS0RGlw1FJtRQixxw4nb6VcjeSYmyHXe0jihDRTqYxfTIOWs8Sj-Ku6ml-yuEEkp0znXyRa6rrunTvp9g/s1600/add-friend-kecil+(haidarax.blogspot.com).gif'/>
:armys <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgYe7_qI1FAdgoz5zDcDc_aWY64zqr1Y6w1j2Tt_ojXAaJifoC6B7Y7zeFB4NECU7yPMd11QYeh1TiTvqXRu918-erLtUwZv4VKs4OgsdpkYBjHw6oqBviZMua2v6HZhpCPWC0t8VlaVDr/s1600/army-kecil+(haidarax.blogspot.com).gif'/>
:batas <img alt='' class='smiley' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPZpd7HtTKM4CwxrOFoRIRAp6du2pC6eILBFzSa7s-E3afaqu4LcYquayIzDF23L4RZSZZZ3-n8pDoUUfOcZTzrhx_Zmk1pC4fLA8u0lxfRYLSHzKBkCBPSQWWno3OgqKTFJGi_bDvIz37/s1600/batas+(haidarax.blogspot.com).gif'/>
:bata <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPywQJuPkrG7DMPZ6oHQrj2KLNdxj3uKDXyhUJfXG5A2v7FXMoDp3CZ9Z2r0zUVB1GdnN3HNRdoBSQDFA291tM_JbJeWjNfEmwVrGPKJalzrog79XmHM8h_3Y-e2qFBOsyRtRwx7JFLZrE/s1600/batamerah+(haidarax.blogspot.com).gif'/>
:berbusas <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3IWjPhN4aCpjQ4eWlC9j8rT40abEULaZErgg-owPUtChP-O9UdLXC5jBLidkmXgaOKsRdL6UMbzGuoy5bWpnRodNQjqEmRzW2uAyzAePJON3ebhoOaSXtMSzQx-YudXgwptKAHvTSxxh9/s1600/berbusa-kecil+(haidarax.blogspot.com).gif'/>
:berdukas <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT85fbOcfQGAY7hcK08BqgYM2O5CmmaxrIzRdMu7iI1aBQ6lgauBCh3LHmLKRRyfFaifEtmsSGPrmsA73TN8-3jX75HQ-VJy8jOQlfi3AHkxKa_UM4LQ9oBu20mKUHkkQM5-v6dYL6_r-f/s1600/berdukas+(haidarax.blogspot.com).gif'/>
:bingungs <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUeb49auWeiWFtXmtsZJ-ER-U7bD4Qcq4vlheId_f3iU5VKWbSs-x_VIXV_s67rdz-zSKcbsF8RD2Q5hfH62q23pFxjum-vRngM2obSaDkYAUjoSvUAOf7sMumXCe8qlQ7u2QtwC5QqmJb/s1600/bingungs+(haidarax.blogspot.com).gif'/>
:bookmarks <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicgmMFVBhkEd2PCLt38hWHg5F2cbQaW8jMYon7IjcKdup5c7OuJFxktuC_QxUhjSRPGpc1UwMr1_IaPsqT51lpDar_zEzqLk2ZcAZsywJ8S7hJd2wWOonac592hRLma-mgq4NS8Qpz8cMh/s1600/bookmark-kecil+(haidarax.blogspot.com).gif'/>
:capedes <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk-Z4n9ECIy9yao7twa9jFWHv-amiv7Qgy8OlK8LFgE2yhpBydecASAdgbnjrJ9PrtdUELId5XC3qVgoUWX9MRk0-vQETIVJk9M8F9OzpETUPctwO7Y1EkNKMeG8HZ-pASCoyTve5kFSL6/s1600/capedes+(haidarax.blogspot.com).gif'/>
:cekpms <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmmeG43LE6gelFr5Ybi8IW6JxTT8BmVg-ejs8quCCWkpvTbINmv7mkyz6VL9idjam-8tZx9nrsfc3sImwJul7jEexyWoCQfrH1NMUV1eEc5clYjIFsxESizUNGnzFrMi1Ei2Bws7sZZMqP/s1600/cekpms+(haidarax.blogspot.com).gif'/>
:cendolb <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg13j5Mqnddu7Dg4MSQshU9QE6qvLNvVSpTdwJ1BXYNcwHW5wf9eAyHV5tqOqB6_PdE17nzwFyOEwO-bZRmOWquTBo5l3p1RVswYTZq3YHGs-tayMsKg_hLGd6GpZIOrd40hWLa6bTXMS0V/s1600/cendolijo+(haidarax.blogspot.com).gif'/>
:cendols <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUUYB_LaAMb904h8i7T3o2A4FRVqkmEud1IvYrP9LA31xv0mxRP0_hot4PdG9rvvMSmtmZqM-MTZAZJEfPmgmlphuFClX_YuwDeLB8bazVb2BERniF5NpWVOUtK91_4z4PCymIPVgZFdUP/s1600/cendols+(haidarax.blogspot.com).gif'/>
:hammers <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6TRidMWcwmFR5XwVW5m2WTl7uI92IlgImzlJazuv-0o_gU2bpnWwbdJwFfIWpmZkS5_5w01_zt81L-Rt7tkMTLptNetAgJNwPmjy4mAnThUmNPLFysBo4rfbauLZRIBeOKO_AM_36_ew/s1600/hammers+(haidarax.blogspot.com).gif'/>
:iloveindonesias <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPMm0Y1SEajdEGs353Ao8C-9Cu_EAUvuuZ2LmaZ0jK2OWio-JJjVgwBw_GeVB7HMp5SzxuGBEpmWoDqsOpVQrEg1sV-4uZRMqpC71zWM80HZf1KWSj3_dYGRXa0xeJPjLZeydXvL5NcXOB/s1600/iloveindonesias+(haidarax.blogspot.com).gif'/>
:ilovekaskuss <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCpgrG6nBj7vlKAKehsFKIAPX0tEaRMWYcVPizmAIy3mXqc7xJbb_hu8bAyP54R6zncmxwho3PWEoo6MZkN8ho2QgV1KMDTbXA0JCn_UiiApWEG4FMiCrp55MXHYqzl9f2dY9kdP57yK83/s1600/iluvkaskuss+(haidarax.blogspot.com).gif'/>
:kisss <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioIjQktWrtqtIhGTjEs8xcAvKSkbKmqbHeBBW8U4oSAXUDrl_hsVgnW0mdV-BCda_k9te-ICfoGeFGm_WZ4fS4yYEwQ5in4ZP08tGNSyyM7_JW_0eP3qoZkDiYAn0IFtPfoOPTQivzEJtp/s1600/kisss+(haidarax.blogspot.com).gif'/>
:mads <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEholSHSSE99PhEXmdamss0thFwaTmSR7C2iEBTySGjx8733nX99l2WpkmpZnEBgeEYNov_4I42w8yj9aO8iUdlPYbw6Jq65Sin5ntJ7dW7g1DT1Vy7uNPsWmWW9mr5N96mCVn8h69cMhkIv/s1600/mads+(haidarax.blogspot.com).gif'/>
:bettys <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwOuuOWxdXFCjWSCb2VSUf5AGHfuxsjeCM8rVDI5TlUpOMOyYk0U3yM8N9UDt-Z-FNM-LE8YLT4ITFmw8s2KpijptZ9Rm0N1XvRkw1zwp5I457aW2FroShSjSA_YwESPSC_Jdfb6ui34L_/s1600/mahos+(haidarax.blogspot.com).gif'/>
:malus <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb5YjG3RouC7S5w0bfgLUU2d9bqX2tgWFjXdr_2vnpil3VuKRROONspCQhvwVn6ayq5_pEltWkzICFSQKF44DbPTzwrCLxFbNtiYYZArnWGfvpxIIyImygbiXkKk3h9y6JHb9WApaYK2ng/s1600/malus+(haidarax.blogspot.com).gif'/>
:najiss <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_3UBKHlDk0wVlncTKCtut65jfq4v7tnnQAZD2TrSgSUMmgazTHQUQE9SBCOS6X6nCFfxFPDl2i9_EkjiciXJdWFYjpa8KX6ZwFxyZEvW3nTO-GmCdMctLzpzEqw0DrAzAqgGZzA4g1CSZ/s1600/najiss+(haidarax.blogspot.com).gif'/>
:ngakaks <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHzt5xWl8LHhY-hdzfNOerGDtqbL8q0Xti204EgrPYBbVCJehjiGjICnGnsU-TG6qtax8_VOYlSHWjP60UbHXw7f50YGuYZtvmxgP1L2RJvQNWZyUhQAMFi43mjMkBCi8mlcmm_IS5G0UB/s1600/ngakaks+(haidarax.blogspot.com).gif'/>
:Yb <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2cfJCKBmJyCFmmmiFZIliCLG0bXugsmuZTxl3_0hdeoRoKrQX8uFu7Da0pxxz73DHoC1StxeyvsyGJSTbpz3Giabyau6i6hwsSo7jNrq3FyDi5_sgtSHlOxsg2CkO3Hm9zNNFQiYcRr3q/s1600/peace+(haidarax.blogspot.com).gif'/>
:reposts <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ_U35m5XBPGJBsSqtGuBxc3iHh-prlFKxfwA9vQjADslKQwRXQEd_ORlt-tH733HAoInIp4__FzlxXBfA4ExpolbU8AXmk4vrT1T0jXLFPXLaecpeu2vrb0alm5c0ilKj6eDgaV02at9E/s1600/reposts+(haidarax.blogspot.com).gif'/>
:shutups <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZVnBqRXyfw5bGEV_KrrIkDIP1iE9rJ05u3zZzfW9GZoAb2B7_r4j9UvITnGjhm5Ep7Trk-vvDqEMA76ezUHmHjbqlOTefpid2Aok_XP_lf8t60SMWM4Vj_vxsYjq5Sg5W54vGx5e2xuzu/s1600/shutup-kecil+(haidarax.blogspot.com).gif'/>
:)b <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyZ1tZyJUccTbI5xNngm94C5YV96oYAUggxYEHUcqgChfPzhCyP5z_RxXb2Di6nrWzCBHBBtgEAKZHr7qlZmP-sl2WudqrbuTTU4NEOjB-bTBmEUXcIEtXBj_W_TOLQCMSrWOCmuLdkcH5/s1600/smile+(haidarax.blogspot.com).gif'/>
:sundulgans <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju__U5GI2x9uilbWrAhjTAQ0z8piIsWtdTFrRTBkB2a3WCCpiOCQa_HEg1tEE7K7jgBLFsutJuEvycxD2iMFqWk4us3X0JhgKC6FsHLQSfhp_G5b7cCt5dfHLnXHXIRqWg06ksUNsyWs6F/s1600/sundulgans+(haidarax.blogspot.com).gif'/>
:takuts <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidf5atLwIIfq6Wb9J7Ue55DprlaV4rQeO1Cx8Jq73VZWWIAZE5sftIzsP1ku81MLGgSOpra5dgyoRK1IPbweP7G2XqQGCYELdQqiahf7quuFCpJZTqTnYkgux_VpUCn4teQEwrwbMzLhHm/s1600/takuts+(haidarax.blogspot.com).gif'/>
</span>
<span id='smiley-toggle'><a href='javascript:moreSmilies()'><div style='font-size:small;font-weight:bold;'>Lihat Emoticons <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCpgrG6nBj7vlKAKehsFKIAPX0tEaRMWYcVPizmAIy3mXqc7xJbb_hu8bAyP54R6zncmxwho3PWEoo6MZkN8ho2QgV1KMDTbXA0JCn_UiiApWEG4FMiCrp55MXHYqzl9f2dY9kdP57yK83/s1600/iluvkaskuss+(haidarax.blogspot.com).gif'/></div></a></span>
</div>

Terakhir. Salin kode dibawah ini dan tempel sebelum kode ]]></b:skin>

.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;width:400px;}
.emoticons a, .emoticons a:hover {margin-left: 20px;text-decoration:none;}

Simpan dech
Bantul sundul gans  biar pejwan di mbah google  
eh, jgn nyepam gan ntar ane timpuk pake bata

oh iya gans, ini hanya berlaku untuk threaded comments
ntar kalau ada waktu, bakal ane update untuk comments yg versi lawas gan

Sekian artikel Cara Membuat Emoticons Versi Kecil Untuk Threaded Comments
semoga bermanfaat gan