Cara Menambahkan Emoticon Facemood Pada Komentar Blog

Wednesday, August 10, 2016
Setelah sebelumnya saya memposting tentang Cara Mengubah Ukuran Gambar Avatar Pada Komentar Blog, pada kesempatan kali ini saya akan memposting tentang cara menambahkan emotikon facemood di kolom komentar.

Emotikon dapat berguna untuk mengekspresikan keadaan perasaan seseorang pada saat berkomentar, emotikon facemood sangat lucu dan unik karena dapat menambahkan rasa bersemangat untuk berkomentar pada postingan kamu.

DEMO


    Bagaimana sudah yakin ingin memasangnya? Apabila kamu ingin memasangnya silahkan ikuti cara-caranya dibawah ini.

    1. Buka Dashboard -> Template -> Edit HTML
    2. Cari kode <div class='post-footer-line post-footer-line-3'> pada halaman kode template. (lebih mudah gunakan CTRL+F)
    3. Copy kode dibawah ini dan paste kode tersebut dibawah kode <div class='post-footer-line post-footer-line-3'>
    <b:if cond='data:blog.pageType == "item"'>
    <div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '>
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOmCrWyvmFG9Hk-ro5QBkh8uhFgk0BEE5o5VMltPOfISTMAldBBVHm-tIWssqz4MaUVaKfXY5wHsR3CrrYHiPur6hiegTfqEmwDqaMG3McGytm71K0f3DJEwqwHWN3QsM3vrWLJ2tMFUE/s1600/facemood(1)kodelogger.blogspot.com.gif'/> :a
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWp-d2RVdlq8OQutmsVTD66np-PonIvq80d299wNBGMQ_f_qC0QW-DvxP7D1mMGiIzWty0rty-MOAB_64qDFOMz2O3VdMyCDCdbuQMYfkxEnUdsq2opF6fPFAap4Wt5Xli1sGwTsgL-18/s1600/facemood(2)kodelogger.blogspot.com.gif'/> :b
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjztgEe_j0q-xf2zIQ7qjmv_M1g4k_Nr4RXjQ36bGHzXcvQ-jdnA7UCjj783ZGIUNaAzsa2EvyrTBba8ob0-D5UVoJFqnafxqSapy63CGaHACJmRwKEGzw683460mQqu9JFhxtxwH8J6CU/s1600/facemood(3)kodelogger.blogspot.com.gif'/> :c
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjztgEe_j0q-xf2zIQ7qjmv_M1g4k_Nr4RXjQ36bGHzXcvQ-jdnA7UCjj783ZGIUNaAzsa2EvyrTBba8ob0-D5UVoJFqnafxqSapy63CGaHACJmRwKEGzw683460mQqu9JFhxtxwH8J6CU/s1600/facemood(4)kodelogger.blogspot.com.gif'/> :d
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdeutXYLQo7Q-wbnSM_S0cyelUxxri46iij11zQWSzBIKjBtAnF-T5duJ2Xxl3NMFTXm86mzoNNZRnqyEV-smorPqCt9TluvY2EfgWVGSsUufU7yioCRobqwggKAqRkIKrAvEko-Z0BUw/s1600/facemood(5)kodelogger.blogspot.com.gif'/> :e
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiv1qo-c9hHVNtRyd9vfxAA64Ilax2EBMfZ_zKnOJ2NLSgqiUYZvIAdFrvvgaeYyLD1ZU-uLgH83GPz369qIofB1HZJ9kayQIN57LtBE7mLIGTt8gaUza3PLFkiTAOF3r8fg-GS1xY0nw/s1600/facemood(6)kodelogger.blogspot.com.gif'/> :f
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeDqQJiY2ggHNk5kIPhE_8togv0LKdY1lhji-CXIlH4IjteJY0C2QNljtYw-TjKsTU-2fgI9zfoRIyE1q47f6gIB2r1xGyhlaVZhBZyjsuFcOf2Q2BCdpNrtkYIvuw3OOCO-A8F3Z0DMQ/s1600/facemood(7)kodelogger.blogspot.com.gif'/> :g
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFxAQO2zn2q2MELqoiITVwmqE1PV4ZI8HvX2WrG3q0GbtnVzT85KRAnX_ujkLvX6FGpTLAvixGsIxnU6geRzgw-OsUZ0RKJ0Tv-Nt405BMelSEJ4lSDtS0agyePaJAJOjBdlJ_-gim5iU/s1600/facemood(8)kodelogger.blogspot.com.gif'/> :h
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjvI-dXR0cd2mSdoN7NSuRmMkhMbGHOM0BIzMNHDLto7G8JHkmoKR3x_HHHfOaLdxqGxZdWQTqsCQvyVBigX8bz7Iq96aJ_9H43afRF0fMNcYu8gKA8NP2Xt8V6DFOS02KYN1U_dYf3Qc/s1600/facemood(9)kodelogger.blogspot.com.gif'/> :i
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEW9gwaa74tgxtfZhBxfNkpZlVAbHVjlpJDnoQSP1iS2qaEOkYHvrimMmf5SDgwGcFSPNVek0TemGaw5mZEtqwA_vPleoyhyphenhyphenZ9CYHNN8usdOj1sC-tZvCs30SmyhOEGBnvUrtp0zteby4/s1600/facemood(10)kodelogger.blogspot.com.gif'/> :j
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKjFeJC7xnzAXj5ol5gp5v-2yZ7Vvo-VCKQVhKHhCZXI0HP0oL6zQXoKwGdgl3hhzktAz3-HyrM1sjKmlCeJPWrYzaaGf1kh-ZdSPv9gFcOUtqLO1lgIw37P3y7pfzcYwKvxnuNCejr64/s1600/facemood(11)kodelogger.blogspot.com.gif'/> :k
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwvJne8X9XZHuYF2TqGc4BofCyJqQ1IKm7MIlYnfavqGFTFlIlqwqyZYoS8VyE3RsHdADM4Q8kONAS6sbn4t-bxlRFtSnKcLf4hrsFe6qJdiR_bg8Ku0GZL89r15I8UYKgSeE4IFlGGQQ/s1600/facemood(12)kodelogger.blogspot.com.gif'/> :l
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtPUf9vOFDmvRyxO8IbFA4YEaMNITBdD2lFYBzBb_V77p1ktxmYimE9f74ZxoOxRHI8nMCJRzIkCev2FdTkAKYF8Ls4kKY8hFukh34a6NkIFBOEwQbwb46VFYNd3LhsLgF9o2s1-os7uc/s1600/facemood(13)kodelogger.blogspot.com.gif'/> :m
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYFijCYD87b8wEa5kKiZq1I6MdV5y74PvOsSpax5b4mf0yG4P-Zf_4KbkGeQRBMsRZbf7EpZ7FB7jSW55m-Jgz59JYbFqdet7_CDOdyl_hjBa4ZlTX3iXDK21wcG6Kn2SGHtH6y6Qkww8/s1600/facemood(14)kodelogger.blogspot.com.gif'/> :n
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgiybfY17mTwRgr7DaUjwirS0o3f8WoM6Mit416ZVsrsGYKKq73YzTHYc4hQ2RhcLbtM37lniuFCmfFII9HTHmiouGyvrIrwmRYmTSuB14Dh4epyMoiaIOofb8-KGFLuKy5ZM2IG5Zfkk/s1600/facemood(15)kodelogger.blogspot.com.gif'/> :o
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Qa46-AA_kEAp2nX-XRsWliGI0ytj96-FkVTFB2-2lAlAHK3VLoUFARfCYbtASXenU1ncgg8B3AfGk-4cJVw8iv4EuCSMZwJ73gObwe4J4IasETymxRonEiJ7N1OOGDdQTXzX_x48O-o/s1600/facemood(16)kodelogger.blogspot.com.gif'/> :p
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkhDeBG66bQwJ7f8qFByA4GYcBbqyvtYhtq6-_HW6iV63u_CJCrKllSz8DKalGiniZhzN-UqIxclI7-209tjXyMiH_a0vkX7kQiBAuGBkxpR5GoyLY0AEMhWENJG5zsi3BLV1z1pJCHjE/s1600/facemood(17)kodelogger.blogspot.com.gif'/> :q
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiZ8UIOxetKuMsodW2WzYMv8i04EloQMD56FIGatmYGuHHjOzJ9j5eE9fFnw7IZiFfFnyA5YM1txf7BUpm-pc5qtB5q90WCXrygPpQfoPsFwIYmNwdbDgcMyPn4fQ7g1s6pTw6bXOF4w8/s1600/facemood(18)kodelogger.blogspot.com.gif'/> :r
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGUpkf3zfWB3YhJg3p7hLGvz70Hu0Evm3BwnSMGBP2y2HYZJ34GT5K2GFL8mU6KgUlCFK8R91I2n64yC2S9q1Vp_0no56Y-gcVd-kId5WR9_A6rR-BtUbz8LDUs7_OUsxzJ7QKXs_wGG0/s1600/facemood(19)kodelogger.blogspot.com.gif'/> :s
    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8GSL5C74i_NUG63L08x-Sdx-ufs_cbnUatU0CIAmMm_uIB3nrCTStVTdqi6oNUecQLD5zFkPPDwGw-1CzYJ-A_WturQM2q20D8n20vs2S08yPTGr6T24IFUNvue8d_qithc5K1iexczo/s1600/facemood(20)kodelogger.blogspot.com.gif'/> :t   
    </div></b:if>

    4. Cari kode </body>
    5. Copy kode dibawah ini dan paste di atas kode </body>
    <script type='text/javascript'>
    //<![CDATA[
    a = document.getElementById('comment-holder');
    if (a) {
        b = a.getElementsByTagName("p");
        for (i = 0; i < b.length; i++) {
            if (b.item(i).getAttribute('CLASS') == 'comment-content') {
    _str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPl-72S4g_okbBAS9yWNr9-meDvY0-Ho8k894Zmr_VOx5qpjGZtQ_tpYxCkulPb8dVgzOTkmfieWTCgV64b9iaZjYKQwU_dceoRWCkxv6jkqA528wAFTc1gL8QtgCgb_mnjLuzTPKUSEm/s1600/helplogger.blogspot.com(10).gif' alt='' class='smiley'/>");
    _str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKjFeJC7xnzAXj5ol5gp5v-2yZ7Vvo-VCKQVhKHhCZXI0HP0oL6zQXoKwGdgl3hhzktAz3-HyrM1sjKmlCeJPWrYzaaGf1kh-ZdSPv9gFcOUtqLO1lgIw37P3y7pfzcYwKvxnuNCejr64/s1600/facemood(11)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwvJne8X9XZHuYF2TqGc4BofCyJqQ1IKm7MIlYnfavqGFTFlIlqwqyZYoS8VyE3RsHdADM4Q8kONAS6sbn4t-bxlRFtSnKcLf4hrsFe6qJdiR_bg8Ku0GZL89r15I8UYKgSeE4IFlGGQQ/s1600/facemood(12)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtPUf9vOFDmvRyxO8IbFA4YEaMNITBdD2lFYBzBb_V77p1ktxmYimE9f74ZxoOxRHI8nMCJRzIkCev2FdTkAKYF8Ls4kKY8hFukh34a6NkIFBOEwQbwb46VFYNd3LhsLgF9o2s1-os7uc/s1600/facemood(13)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgiybfY17mTwRgr7DaUjwirS0o3f8WoM6Mit416ZVsrsGYKKq73YzTHYc4hQ2RhcLbtM37lniuFCmfFII9HTHmiouGyvrIrwmRYmTSuB14Dh4epyMoiaIOofb8-KGFLuKy5ZM2IG5Zfkk/s1600/facemood(15)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYFijCYD87b8wEa5kKiZq1I6MdV5y74PvOsSpax5b4mf0yG4P-Zf_4KbkGeQRBMsRZbf7EpZ7FB7jSW55m-Jgz59JYbFqdet7_CDOdyl_hjBa4ZlTX3iXDK21wcG6Kn2SGHtH6y6Qkww8/s1600/facemood(14)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Qa46-AA_kEAp2nX-XRsWliGI0ytj96-FkVTFB2-2lAlAHK3VLoUFARfCYbtASXenU1ncgg8B3AfGk-4cJVw8iv4EuCSMZwJ73gObwe4J4IasETymxRonEiJ7N1OOGDdQTXzX_x48O-o/s1600/facemood(16)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkhDeBG66bQwJ7f8qFByA4GYcBbqyvtYhtq6-_HW6iV63u_CJCrKllSz8DKalGiniZhzN-UqIxclI7-209tjXyMiH_a0vkX7kQiBAuGBkxpR5GoyLY0AEMhWENJG5zsi3BLV1z1pJCHjE/s1600/facemood(17)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiZ8UIOxetKuMsodW2WzYMv8i04EloQMD56FIGatmYGuHHjOzJ9j5eE9fFnw7IZiFfFnyA5YM1txf7BUpm-pc5qtB5q90WCXrygPpQfoPsFwIYmNwdbDgcMyPn4fQ7g1s6pTw6bXOF4w8/s1600/facemood(18)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGUpkf3zfWB3YhJg3p7hLGvz70Hu0Evm3BwnSMGBP2y2HYZJ34GT5K2GFL8mU6KgUlCFK8R91I2n64yC2S9q1Vp_0no56Y-gcVd-kId5WR9_A6rR-BtUbz8LDUs7_OUsxzJ7QKXs_wGG0/s1600/facemood(19)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8GSL5C74i_NUG63L08x-Sdx-ufs_cbnUatU0CIAmMm_uIB3nrCTStVTdqi6oNUecQLD5zFkPPDwGw-1CzYJ-A_WturQM2q20D8n20vs2S08yPTGr6T24IFUNvue8d_qithc5K1iexczo/s1600/facemood(20)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOmCrWyvmFG9Hk-ro5QBkh8uhFgk0BEE5o5VMltPOfISTMAldBBVHm-tIWssqz4MaUVaKfXY5wHsR3CrrYHiPur6hiegTfqEmwDqaMG3McGytm71K0f3DJEwqwHWN3QsM3vrWLJ2tMFUE/s1600/facemood(1)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWp-d2RVdlq8OQutmsVTD66np-PonIvq80d299wNBGMQ_f_qC0QW-DvxP7D1mMGiIzWty0rty-MOAB_64qDFOMz2O3VdMyCDCdbuQMYfkxEnUdsq2opF6fPFAap4Wt5Xli1sGwTsgL-18/s1600/facemood(2)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjztgEe_j0q-xf2zIQ7qjmv_M1g4k_Nr4RXjQ36bGHzXcvQ-jdnA7UCjj783ZGIUNaAzsa2EvyrTBba8ob0-D5UVoJFqnafxqSapy63CGaHACJmRwKEGzw683460mQqu9JFhxtxwH8J6CU/s1600/facemood(3)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjztgEe_j0q-xf2zIQ7qjmv_M1g4k_Nr4RXjQ36bGHzXcvQ-jdnA7UCjj783ZGIUNaAzsa2EvyrTBba8ob0-D5UVoJFqnafxqSapy63CGaHACJmRwKEGzw683460mQqu9JFhxtxwH8J6CU/s1600/facemood(4)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdeutXYLQo7Q-wbnSM_S0cyelUxxri46iij11zQWSzBIKjBtAnF-T5duJ2Xxl3NMFTXm86mzoNNZRnqyEV-smorPqCt9TluvY2EfgWVGSsUufU7yioCRobqwggKAqRkIKrAvEko-Z0BUw/s1600/facemood(5)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiv1qo-c9hHVNtRyd9vfxAA64Ilax2EBMfZ_zKnOJ2NLSgqiUYZvIAdFrvvgaeYyLD1ZU-uLgH83GPz369qIofB1HZJ9kayQIN57LtBE7mLIGTt8gaUza3PLFkiTAOF3r8fg-GS1xY0nw/s1600/facemood(6)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeDqQJiY2ggHNk5kIPhE_8togv0LKdY1lhji-CXIlH4IjteJY0C2QNljtYw-TjKsTU-2fgI9zfoRIyE1q47f6gIB2r1xGyhlaVZhBZyjsuFcOf2Q2BCdpNrtkYIvuw3OOCO-A8F3Z0DMQ/s1600/facemood(7)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFxAQO2zn2q2MELqoiITVwmqE1PV4ZI8HvX2WrG3q0GbtnVzT85KRAnX_ujkLvX6FGpTLAvixGsIxnU6geRzgw-OsUZ0RKJ0Tv-Nt405BMelSEJ4lSDtS0agyePaJAJOjBdlJ_-gim5iU/s1600/facemood(8)kodelogger.blogspot.com.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjvI-dXR0cd2mSdoN7NSuRmMkhMbGHOM0BIzMNHDLto7G8JHkmoKR3x_HHHfOaLdxqGxZdWQTqsCQvyVBigX8bz7Iq96aJ_9H43afRF0fMNcYu8gKA8NP2Xt8V6DFOS02KYN1U_dYf3Qc/s1600/facemood(9)kodelogger.blogspot.com.gif' alt='' class='smiley'/>")
    b.item(i).innerHTML = _str;
    }
    }
    }
    //]]>
    </script>

    6. Simpan.

    Sekarang lihat pada bagian komentar blog kamu, pastinya sudah ada emotikon facemood. Bagaimana lucu dan unik bukan?
    Apabila ada masalah silahkan berkomentar dibawah.
    Previous
    Next Post »
    Penulisan markup di komentar
    • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
    • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
    • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
    • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
    • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
    • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
    • Kemudian parse kode tersebut pada kotak di bawah ini

    Blogger
    Disqus
    Pilih Sistem Komentar Yang Anda Sukai

    No comments