Panduan Memasang Emoticon pada komentar Blogger

Panduan Memasang Emoticon pada komentar Blogger

Emosikon adalah sebuah simbol atau kombinasi dari simbol-simbol yang biasanya digunakan untuk menggambarkan ekspresi wajah manusia yang mengandung emosi atau perasaan dalam bentuk pesan atau tulisan. Kata “emosikon” ini sebenarnya secara etimologi merupakan gabungan dua kata dalam bahasa Inggris, yaitu emotion, yang berarti emosi, dan icon, yang berarti simbol.

Emoticon / smiley biasanya digunakan untuk menyatakan kondisi, senang, sedih, marah dll. Selain itu juga sebagai pemanis kolom komentar, sehingga tampak lebih hidup.



Langsung saja ikuti langkah-langkahNya di bawah ini:

1. Copy kode CSS berikut ini dan kemudian pastekan di atas ]]></b:skin>

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

2. Copy kode dibawah ini,  Kemudian pastekan di atas </body>

<script type="text/javascript">
//<![CDATA[
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/AVvXsEgMlhCcA8Il4lMIrxClVsz6adZcQ6E9i3ObglVOCS6stU7eY18fJ0kemLaRxu-gExmzvdp8ptY4nO1x7TXic6PxdmVFAZuiaSH7zyMuxgTVBuUfDf-bori-WIx-0O2ln1QV1L4AJyvg1uo/s1600/smile1.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCznlSui5rwatoKF1CTgCNRLDmpkP9Vt7XjVHUpstxDLrJc55F30G7e2FcDgDZ7LV1AMdtgfpf_elashwGI_s3vok9Lwi2i68_rny3nfDZ2wld2psNfJxrL_medjXvsxhtFHu8AAyHLa0/s1600/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVabuURtbt6hcCLNKSz3BYf1eM1iMzBI3B7laaAO45qcJqEOcr1ZRYTSFFKwxXG3PzevtbwM_oUpSNQ6_9jVS96S37lx-hl4iBNTT_HTu7FUFQ8ug1mI4ZeCOiNFvzz9x5k5Rv1KW0asc/s1600/thumb.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwWiFIHn6dKhC5-aCKDvGrw2OPbaw6GPH8JZlgoxEpbARyBhQ6vn7juLinTRB4cU7my4Qjjd4Gz-4O9J3K8kPMhfi37kwvVYj8PyCd7VvqirkbBNjli0nBs6QttvPEUquqXULSiSrTYpA/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh57h41hyG8db2C0ls4ujP0TUksFSOEQHyZPVHAUO-ZucEMh0NIEJJyRcMFv_NwaGD_alNefauVJN7PglDt5sLUoydHXQaG8WXNuZPFd-wBr6aWEL6-HcV0_173nkzMs_Cdt3qHLA-S55Q/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI6h_g4XXNCy0DeRQ0P8EkvwOeMAcUj5PAqS51US3EqmftLvlJ1VF145OvEjQclw05jo1eSD0Yuq57TBVX6jgJyLyvIB89kLHSscTUZfztOUZC0UllKlKBfDiWnqXDw00pxdhZ-k4qteI/s1600/applause.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7JUUHLTbo6iYximiYVRT8BkFRMOyT4dOSC-Qd2iCde5dWpcFLYDCr0LcLCoDinumxgrF3ABQyEC8VL_4Tpb14PiSzE9Ed1JIUNPE_IMeAscCGBoI0iSax0f1SccdkCy0p6emKDwwy4dM/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7vsX6bQg6chN_MnvK5-jSVZXj0GJqtr-YczpY_HUEQI5EwOsNY9uF-R77ekLNOuj8E3G3lzuHAXoMnCtFWjRze1xJmOQsE2tRWO2NqwH_cqR0Moxxr7cXCEBFgdMqO4NL4Zipaa45R6Q/s1600/sad.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikqnVsLOKroN4_jQuTZ3g6hjymtxEJD8cS-58A4NxgB-411NDZB1RTqhUS2NhWacpMKHvWzlUX2LWZ8Re-4fsIvFTJXFbheEKgE_yHCuKXJJTEU70fpVmHd-7DrjxHj34sMcw6hhpGGV4/s1600/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGKIOLBdLmbsytvtNY6iRZloLeCbreQ2WzPcchd0xwjmMtN4F_GdhOs-0LTuI7FSEDuQof_FVfQQNZZme2TkYvSyDP3n6q0yi64sC_RtemudbN_8pWpsGczzyErviSMxJOe0sC6J_yLxw/s1600/icon_smile.gif='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUlV3IVTrfzviXhfGpk-z7rsbjQD0toH3aXYld_E03LCquiEdUa0YkYPLo7fSSF4eturpVBsIb_BBlwK_7wRzTbw6kd3Cb7s94tqYABkC9RGm7RvUgvCd8M_0K8yZ9hAw4BHzJTwsStzg/s1600/hihi.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhSpNh4UViYpooIToHApvZO16fEhysFnZLGrDzI9EgW3hMscdu5MDsge0DCKyqbxiOpzFo_8Gg3lyJXunCJ3VqMmhZ1tOSYrM2HgSPwykMViKSfgRrYDgD7dMCgQATTW3uNQQJkeSamRA/s1600/wee.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhSpNh4UViYpooIToHApvZO16fEhysFnZLGrDzI9EgW3hMscdu5MDsge0DCKyqbxiOpzFo_8Gg3lyJXunCJ3VqMmhZ1tOSYrM2HgSPwykMViKSfgRrYDgD7dMCgQATTW3uNQQJkeSamRA/s1600/wee.gif' alt='' class='comment_emo'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script>


tag: Panduan Memasang Emoticon pada komentar Blogger

1 komentar: