Cara Memasang Emoticon Untuk Komentar Pada Blogger

Saya rasa kalian sudah tau apa itu emoticon. Emoticon adalah sebuah gambar kecil yang menggambarkan ekspresi dari penulis nya. Emoticon pasti sering anda gunakan ketika chatting dengan seseorang mungkin dengan pacar, teman, atau mungkin musuh, saya sendiri saja selalu menggunakan emoticon ketika chatting sama sahabat saya, hehe maklum saya jomblo. Emoticon pacman lah salah satu emoticon yang sering saya gunakan ketika chatting sama sahabat saya.

Jika kalian seorang anak meme pasti kalian sudah tidak asing lagi dengan emoticon itu. Saya punya pengalaman seru dengan emoticon tapi, ah... sudahlah lupakan semua itu, langsung saja ke tutorial memasang emoticon di komentar.

1. Pergi ke www.blogger.com
2. Pilih blog anda.
3. Lalu pilih Template > edit HTML
4. Silahkan cari kode ]]></b:skin> jika sudah ketemu copy css di bawah ini dan paste kan di atas kode ]]></b:skin>.

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

5. Langkah selanjutnya copy kode dibawah ini dan paste kan di atas kode </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/AVvXsEiRCEsrwr8TMefWoBRoejBTs4Vlfr7mDmsl5C8XELHgDeEuH_bUSE5NFK-novFtiKavu7jMrGTKFGaEQvSrnUewT4WjNUGYel2oK85MsUTbb_5aczDTIzo8KHXPJP76LBCxj0eHTRVmAJk/s1600/smile1.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqPjP3257Oz-r8m60v6wIpUchJXswvKIMlH8C0hcwbfDX1RwanH6cGjIpMiSQX5McQU4SekY3O9aZJhI1DjVtBM3tRPzZfbl9wjpC3ZPqnSlOLVC0zshZcRmp6O23Sa5UFXd_nufGQtRM/s1600/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu_UZgg4AkyEqsWzYvRW518RoJYbdYBedl-bGiPwGO7mmP-9S0AGHa5zMtMTA7PuG-wzAi25LfPZVO0PrRWCYIkQ-s7EOpogcgidQgfQJU-oe1wDF2MpxZorGQS_oFrfU8851wT7VRkIw/s1600/thumb.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0AOEP_8kl_39NOZBS27kT-zvqQssMg9WJMKkVOeQ5hhmVuK73tcU8h6DLbrZPQaNAdEBqvHsIIVOHVNt1IC3dRtsPk8T7wgo6iU_skfqgKW2PE7JIysWLyNSMRTzWSvVazTNLPC6duPM/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdGKO3JkNpYX1lsA37n5bWrA9hSZAlX683KLLqcgflAmv5-3opqr150setDHhKgsxg_eXkzGWQ_6LsJrtHO4OWNKwi9Mt4aMFqr03iP-Qtm8OGzfaf6S4VFt1wywYS6IxOnpnxAtAHzds/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGbqsW_361FzD3W8XQJ-ZU_6veknZpse6dVF5NvwUpGl24vTdQ6RS0du4mIukK4FoQXjLxDfpfpueDhFqS7H7oFyxPeIXQAYYrIktT-K6XEcBPOU-f8sVj2m0Lz0iO0hxKZ_bhyphenhyphenMOA4k4/s1600/applause.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3gU68CUO_1lkNaHw3K8qJRxbMqdMXcTF1rLqB22DJ1iY1Cy0gPrIH7VSw7Z8cnPAlm4b_M3Jqvjo2WTzS3jtQp65-ni_iZ_dGqEhH9xci-jJ9DKsjtotlmR8Aq75lgWTvZDynMx1vdhQ/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJMx0EPrxcfaANSYGQ4UYoCsc_8YLiUlYghWEhnU4aP_MBRksC2BJ70TCtfYbJF_G3esgGI0xKHmYsoLfO8sm7DS5A24c_f1QCkoegpbQKXTT64s0-YHhWzEVz9jClYXYGpb1P3T5V5h0/s1600/sad.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaMZUpE5kMTQ9DBw-bmRbbU38wVpbgoOH60dvwqr3jSRxOe8FdWKSkF6FTE8FF_N6uMDK7XWMRcEJCdfPzLGLXY5TjBEObPERr_kVVZrAj6tMwQHH9IznA4-GwQtA_gSJhUyZVCyXmlaE/s1600/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihjUZ7BLvH9K7btyBjF-rRggtSESc2R-6um6oTCEowj6RbvOF_TtEzoEqe-_xnU52iENB5UruuByD54-gXxWqrLO_0oO9ffcER-JvOcZ3_9cTHaIqVXJF_bXKfYYatKY-OgEFLotrUK6s/s1600/icon_smile.gif='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTgGrt_l7sTNFHYiB0EWhTjlbyRdByWP9BqgX-5UN8y5rxnR4hwoIkT5fg5VP0IuJ91vQJzwdFqQS3S7gsVVOY_kCMmJVcH_KrVkkWv2ZSogoHKGVNh9i6go4VwBWs0bKzqcX2MUyBSmE/s1600/hihi.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEc7RlMpbk_uSZO9RqVQRB9m5GE4jeYli1X80AOMmlinVYK0vnrdfJa1qFmR3XZbfbFjiDsAR8raTazRPkgqoHSAmiFQFZbxLt0sezz1-TZ1kDx5T8zMvo4SlHrqxSUjV5APKbTBjEzRQ/s1600/wee.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEc7RlMpbk_uSZO9RqVQRB9m5GE4jeYli1X80AOMmlinVYK0vnrdfJa1qFmR3XZbfbFjiDsAR8raTazRPkgqoHSAmiFQFZbxLt0sezz1-TZ1kDx5T8zMvo4SlHrqxSUjV5APKbTBjEzRQ/s1600/wee.gif' alt='' class='comment_emo'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script>

6. Simpan template dan lihat hasilnya.

Silahkan kan anda coba berkomentar dengan kode emotikon. Apakah berhasil? Jika terdapat kesalahan saya mohon maaf, terima kasih sudah berkunjung ke blog saya yang sederhana ini.