Pasang Emoticon Pada Komentar Blog

Bagi sobat yang ingin menampilkan emotikon pada komentar, silahkan ikuti langkah mudahnya :

1. Simpan kode CSS ini di atas ]]></b:skin>

img.comment_emo {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}

2. Simpan kode ini di atas </body>

<script type="text/javascript">
//<![CDATA[
/* Blogger Comments Emoticon
 * by Kang Ismet
 * Url:http://blog.kangismet.net
 */
ki = document.getElementById('comment-holder');
if (ki) {
    zx = ki.getElementsByTagName("p");
    for (i = 0; i < zx.length; i++) {
        if (zx.item(i).getAttribute('CLASS') == 'comment-content') {
            ki_emo = zx.item(i).innerHTML.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE80pmM7oWLeNZy5ILHQa96qeyr4a39HgHmvnpAAweqkHbRhTJkEWSVXMJBNLLQG7TIP75Pjjkw-_4WhAc_xlb9TG15vuA43jhqm3_jWfhqIGSMCWg3g049GPEqbpdlPTQsezwXltlSPU/s1600/smile1.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo6gk16BpuigrKFH0jNpR6aLNtt5C2JyteUaDQJMNmSK2eQFF_ltxoJFNxEoOvTA4d1hlzAPXdZEtoaD6zXn1Ctzb9LqPPqW3HsAyd7n-vf6CxQm3ElROTRVhr4PRwkL8YyRVHFECTgnQ/s1600/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRCwR-43m1kZRQdwR3KsZXmW5GTBuUBuH00f9ni1EmwBjimlB7TBoZSErY4IGktmFEXsRCZdhLBUdQ4S6dEcblr7nFAayqLlkv51jcs4XIfNWJwyWAjKCd-qyfU7T4fEkr8LVq-wNeWVs/s1600/thumb.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjhF8W6fciH3vrnHLWnBLtt-e_hMExdH83Mf2ZcKXJu14C_MHWg49C5wf6UCK0tUr1gMsUWwfSgo0-FX0y5eVZPWoTBAkHjTq-ltNQPghgHZw3RLNbc38mLXVGhGsLJbQ3hmUodr1SKIM/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-NgC-yA4jN9iOgr-VPCk9tpvJcVirnPLH2PEf-tXZY_rjlc3bJ2GVagV4zQBlZCPUkRQwV5-qqEVV-Hwtag-BWrLHna2hR11auRtQGE2du5ZyStoQ5cU70uo9x65Z-zlnZgp8T80XOn8/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-PZwhGFS4e_k7SGCVogNDKD326Ln9ax4wKsAVPUQ0beRhQyHjzGJC1VA1zQkLMaVJb4ywk_5cySqTZcfjXgTQj2Rjg1vI7uGxjGckAYi66cbErcMXB9JaGDhWt98LtmSv95C41rOuhPU/s1600/applause.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMxrLc_Ky-z4nfzKOrEcKSvEX3cCRauWUZiqWwsl3cyXmT-QQJrQt5zJHmHmqmb_e1QYFiRyY1TeVmGmkvgGjx64UIfPPNofqqhROTP-4B8JiylGD2R9fwJXWgaRbBn3H3JuWsO3XGoQw/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje2moNFYAtc7SjLz1YMIK2Pxh5R4nwLacAaLM5Fy3ZZVHp4Q8BAI5KKpSeLGbPtsw2bN6XDKOnMGGW6nweSAnjIdQbx_xXfCnoyKEALDma2nThMq9lkrryrrNDgis1f7LO7L0tKHSWAns/s1600/sad.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWlx9aowzHiL_LtWIHTJbB9MOz9rL_R3p-Dp3UfBWlaFcszVyCL9P1l-q7L_W1iMN6POn5bCIks5fEcAtaJVjl1_iacFCfWYhYIiznm65IjPee7xjT9eoR5QXkbmfckc9xOTMzUCQu3JQ/s1600/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheX7ScpqbSrRrp0R2KA2mmrFvyMeve_iV-zU_sreRD77_Mbj_lDTFW6tLi4y5AQFCy4UTfJIMiFtzGFKIC78i193YAs3bh5eBj4l5aH26jTnPxHhICge6Rgs4Vwe1G_ICAd3ftucrkKlk/s1600/icon_smile.gif='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVhbCSNg0Ek-7nKXHqSpcVIYn-FGJVPDPvaprfDUh6deunILMJzY-vKXatWnGvp0w8ZG2yT_g5jkq5dMEOJu4293wX7_ZaggJ6h9AkqQ50UF2_EljVMg9VrIN2jvo-62GaV3iQF3Vgk-o/s1600/hihi.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWw2810I73Yv10jesGFvcyK4dErDGuZb8dV9xm4p_pADwrgCHORKys3uym7MfYjtAyu7X6gUPfh_QWESXLV7qAGxCv-049MafDgyaR353S9tE1Iw9FgDvQIpvfGx0Vh4HZGVY74s-gPIw/s1600/wee.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWw2810I73Yv10jesGFvcyK4dErDGuZb8dV9xm4p_pADwrgCHORKys3uym7MfYjtAyu7X6gUPfh_QWESXLV7qAGxCv-049MafDgyaR353S9tE1Iw9FgDvQIpvfGx0Vh4HZGVY74s-gPIw/s1600/wee.gif' alt='' class='comment_emo'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script>