Cara Memasang Emoticon Pada Komentar Blogspot

Saya akan membagikan sedikit pengetahuan tentang bagaimana Cara Memasang Emoticon Pada Komentar Blogspot. Tujuan memasang emoticon ini adalah memudahkan pengunjung yang datang untuk mengekspresikan diri mereka terhadap apa yang mereka baca atau mereka lihat, sehingga pengunjung sangat tertarik untuk berkomentar pada blog kita. Tidak hanya itu emoticon yang saya bagikan malam ini memiliki karakter yang lebih keren. Jadi sangat cocok untuk dipasang pada blog kalian semua.

Bagi kalian yang tertarik untuk memasang emoticon di blog, caranya sangat mudah anda dapat mengikuti langkah - langkahnya di bawah ini.

Cara Memasang Emoticon Pada Komentar Blogspot :

Login ke blogger
Pilih Template
Klik Edit HTML
Letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

.emoWrap{ background:#ccc; border: 1px solid #333; margin:5px; padding:10px;}

Letakkan kode di bawah ini tepat di atas kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>   
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "To insert emoticon you must added at least one space before the code.";
// Emoticon bar before comment-form
$(function() {
    $(putEmoAbove)
        .before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>Click to see the code!</b><br/>To insert emoticon you must added at least one space before the code.</div>');
    var emo = function(emo, imgRep, emoKey) {
        $(emoRange)
            .each(function() {
            $(this)
                .html($(this)
                .html()
                .replace(/<br>:/g, "<br> :")
                .replace(/<br>;/g, "<br> ;")
                .replace(/<br>=/g, "<br> =")
                .replace(/<br>\^/g, "<br> ^")
                .replace(emo, " <img style='max-height:24px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));
        });
    };
    emo(/\s:\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwQ_0zhKDm-7uLDC7eQOSZNXRQwNUvmjPLurJ9SB4j9PJq58TLl6ibdtL8uKkCrXxCaVkkrguO70ct_m-Sl9_2BGLfeNuMlZO0l1DoPngfxITLU2mejBu3Sf25nlpTzfJrrzBAgQSwnPg/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi62-7-r4V0lOD3uDmZOFRGIXvcFDO4qRrtFRzUfSM5NcBFdGPTz1f1zMaD1XXZTrDkUspK-iCEpy-MslFdF_dFSUTourr2uFo78eQc9HGO8fOQwPxueZECPq0PGYRoCeP6Nmjpfdq7B1U/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mosv_22m8W4uwN8AFOIe9LQkAP9olIizJL0dB2-ofbeDH7HpJJ56140eSF4yaV_5ggoCc4aG80DFc6xlKTrPTq19SD5tCpqJQRKzwvaBkFgFkVmf1qRDI1yx5um-r25ZY6exctPsMyk/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0kSTGGNrV59JvUIprJ5_wfEm0JJkKSKxewtYSpc3vaWEDVt5K9pZ4HDx7TSJ0ecGgz1jHHmbd5v0x0mS-d7LRb0PcMv73XNyDizG6WHe7RcKTp27u4H6fZXL5lIzROZ50eazTf7Gp9Gw/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2vM_w2q-j8EIIuowFetR4gV7_ZTlIzKxAcG031q8rENTyQqusB3ITHLJVQ9b8sF1U35oguUBoVoRMNE32itl4EPzwftCuxIf_oJH9phbg4paVqyV04kqYLR2k_WTMtY7qtpjwcPVL65o/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuGjt8nuFHyNJQrRsXlHTLy7prurI0uc-aOG3CPWI0ss5CDjxXjEbxhtmqsyoaLFRs44yLEFIdoqOxkflup7tx6y8mSdJUg4xkiNEieoD_YgATFiXome4fnlLrLEjpmZphBCv9F0ozRsc/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDpibhuKxoiwglkqlyFs-ba_GSW6tFjADFwDjnuQ5Puk1FQAlfGEs0BqQT5RzzrkjDgC7KZhvABUipQvci-GsAJkjYjum8Db1tSbiZuX8tmDVXkxr1mwvilPB4Om2neYhGdKAJ5ytd5F4/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj55OL0d16oPhGXf66U1VkEYM73gTLXY0GtS96SgTDHArKIRbxIVAeQbiJPn_u9gQWJOiKL81fFfTvAg4lGGtGGDosWAje1vqNs2A1MKYlgW4OfSxrppf6EL7m1P9aqGD4r_pYgwDwbAaI/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgstVmFV-vOiSO96h94TMbGatdZFVbQcWH7SUAWsGTPcooIlwGwgzpPNgm2o2EvmKZbjsaN2577yRnBnDftRmIiKOFAahe4GZuj8imH9-3qCkplNdjwauyug2ZbyhktrZY7b6yK9LIC6S8/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwaHYCoCf9K7SrAjpIOo5J7YD6AHNEP9ZPgC4G1h3NyVaHWjwkzHdDlqg4Py5-3MECZ03h4FDQ5JeeH_TK_skFZXSIS1M0fq5qgRaGUr8gNaRzJzpN67sBVcQ2FM9F-hwnTce-Bdz_IGo/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkf8S5IHb7uKv_UpSdxoX5VYT-wS9so7BOGSK24FCaufAbdIqAlEHO5_1cpFGnWWTzmSd0rWyhTjwMMFwhpVudVIuyx0lm7CQDngjuq9kRm8wKeEBZqU8pKAcIFU4k5FJ71qhFvAkeMMk/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YF2K6pbRZ6EV0Nhu2PLxkJOQNI7wAYqkCzu73SeF_QDp3IlDk1Ll2X5XzKg3IkhT7yFbwpEvcHeCRB9YKiqFAqK_DoKyoHfIBh7atGu6Utyw4WzGGwl2fkZ5MD-9dToOR2-V6BAQ_p4/s36/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglPGwXBYU3bWqxoFeD1JiL2D7x-gIFGRnyAKCcKe59rq_EK_J2wckUPr98S2N81ZSVJIQHh3-2IkAYFDj0DlXFVc5FkSFOc-U8V6D32b9QF06SymOpB2aBuykRqORtiFd6QiKhWzZowd4/s36/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgraWNzp-ktwkHTpM3yAwUhED6UIaUxmY8keoKYghqSKBgiOfogPltXQdzeVGT0EKVcjkDjAvjo8NrMYcUv3gwIoEOl2vv69bj2_xGHwBLxgzqwlDsUnEz2hCZO2KHHRqcOGjBPtufw5bk/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCXuEHzLPmFFsIITabcxuWtZuSYnwZq4lRY3Vb6-XDKvpewBNgW6LtDxGSBRX5aA5BmMWUUBoQw_TDFMUsjo0fEJUPoVatqcdPQb9t3hLQMwWdCYaxmTeFdcVMnKzhJlMdw7RB0PCOZJY/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNfPFRiRG0GjAVi9I8DswmiFGRWbEXOwPx4x1DcMbjFi1pL-VPPOOtbOFXGXBHwNvMLlk2pgi2DaaTY-ud1fKb4lDrMjDLYJjf6r6z13yFyeoPAlKWhbz1xY9YcKO6aMAk4C8D-IQ4NJM/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo400Uk7p9QSkjPfWO37_JzO4sINgn10im7Io8Yi4sx04fXqjDRVhHlLGrxaWdQvKxfO-oq30CYImqKZdvnti7-VV0LvOSqi3bkGFb_QkFbO1PUODysV_bqBSw-TIdxq0x4Gm6Jtc17K0/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7NbUwbtPp0E1sVh0NPyhyCCR-WTIsC9ehiSYRRFRx_Oe4oLaeCfh-N-UaPLHm4mFrPiKqlQ2-CxZ4mKBwyFxwR3FT-oc3dgfGS3lEjiLlLRg_3_QJfaD-1A9wiuDiwgQdxYK-riHbBfk/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrcu8Hgetrwgykj7myOxtKZI9b6k18IRHXGn7XMavb-ngYIo8ewpbAQZV6T4qBnakQikvv0lqFAiMoNgA39RqKOtjsaGMXsuvfELHgKESYOjsHU23rQdqcWurulsLY51vGFz02tyfE7W4/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW9JDbiAgElqmIUaiMBKmyGRdd6Hs9CUuRxprk3-7ghQSxparAisCl-jq6ni36VT15G-d1o5HobMxsvqVlEucbZUKbktwc90AzmpsU56rkWxmxwHUAS-VkQDhzYGjo8meeFAot0HCmNAI/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSRe9t50JknU6pKmLjWAVLVB2McZeQwyjjRQS0lBPir3qIqYAboHi0sS10oHcG4nX1gGh3Qk515kUPsL9yJc4PzR7vhx40IGxkokOgdvlQPei7Ko5huwKHNaCpYzyr2wIRWASbGAN6g4M/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHzuSOykIAxur_okyWI-FeXhR6TOKsdpi5yowyFaze_ncDYZ97y58DQjFJU9ddTLq6QAbLdHKJzCKtLFMWKi7RlT37Ev7enw3EfLHDLXXBIsejKrIX1XdcRCnTf5DGAF5OHVr15C5TuSs/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2843jt0ha-gt_zvjEKy9UzmXLypVEHGk5ejY_My3TPOGa2SP1P_VgAm3pGcDowrIt7VhuRSosDOlLUdGDyZkb0SSHkhRAIS9JHzti32izyOqVlF0hmgW3cNgFhluEMox-WWyMkxJzXbg/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIxw3a7qVx2j8xd1OOi9rNnnm5aTuqPyQTcrzqMc7Ojus4Zna2eCCtitGITqubffeBR422p1KOwepVup8SVLCoTQo0fDUpyp5LqrPgSzaI_E3GrMB2qlSPVmmT4wSmQ5KElJqm1VKJJiI/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ysOjo2Q65XhxS1nFmlA0kpoMnc9npqFnApt2vOhWXecdZEjP0v3FBtoLdAEeJdZ9adCDEIsr9UOq7lx4i6tzv-9ntASV0LscXS6m9pklhQpwsrLuryNAr0GkkeotBCIsk60yLc7wvsY/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9iZvDYfvWAV9D4cCM7J_5pxD9mvHdfA3whDNXWYEgeNM3vs8qcdr1Phu4DHAkBd8a6vB4A5fbtOr2lF_OJYNjUMB_05tlsVF-Hd0S-GQgbTq2HQ10HIB7e-VbN2-XoxeIkrt4EQYEdeM/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-rqopz9dt7s0S7mJmFvGorxhiqQBKnw_loJjciysRDJ2NYJ5Azif38UbW3N6DBqRrgw4VTXdO7avJ4KfcNmhTFwhdLwL07mLoN_QkhdCike5WvVvsU5E47RJK2AcIMW2hEmACcXPSjH4/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYfV3fQwBcYes3NhHOpxeMTDuC38vvGJxl82wQktYQxjkABIUYthJO8aDsEAPxz5JBjvdJB72ADdd-h6580FwyWjOxnKcVStEfKzDGf5BBH8FdRS9F8KdqZnFdoYHhRxixgIKS8DVitGc/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA6gS9IREFV8quL6IVIIIbeTQp5gSyAVM4CgNAkyr9QNixCf2lwThyYwU3GxSNJLdWUnrksyWb_hNvdFCoZ8mAdHWNu_En3-mEMGbVGvk_3ErpzM_-MpKtssDSIQUjouqBsInM9_2aSIc/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi25tE9-X8xCh4A6Pl4u14IWQi7-Gjfi3q_KYgdLT4z3StiiY9QqnO0spYIG1yO7cOuVI6hjHOUA9wNf6OnDxmLqkb0bNKYAZ8CUBrN5b7j6XjVUhKop0v7cW_fqR72DPzETrVrVR_EVGM/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJFhQzv-JzW_WJ11NEWzfsDYWsRNfNmoKC2jzG6-gB601_MLxkBULG0NFVp4fXbZvm8RWyAPQyenFUvqMS4XcByeIFtaSt1xgD_g6xnE7rngjGRK8Zu4BcbJjc1GEkRrDyw5ajJHTbaMU/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM95BFRsTE2kBpHcixmhKQXwAPxfJY_MbRv62G9wBXlnVZ9NBcYDFMZEuHaYj_oDAtXKOkK07rPGWZqY-Euk5k1K8iYtHTW7mocsuky-YGYBoNvMpP8xMH2Qu_Ck4JNSSdsupWFFQ3HlI/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5lpGZUJDrSsAY5jqPPie6DJ2kV4Fdc8R-G9dL_CPlJWO0VqWLzKL8AJTViTwrRJ4vq2ndNs6e_vyF_4mQH_Zfm3FfKrAA0MkMEdNiX5eQtIXODEK2i3lz9P5bRIDdrvo-ZBKLNfR-hK0/s36/32.gif", "cheer");
   
// Show alert one times!
    $('div.emoWrap')
        .one("click", function() {
        if (emoMessage) {
            alert(emoMessage);
        }
    });
    // Click to show the code!
       $('.emo')
        .css('cursor', 'pointer')
        .live("click", function(e) {
        $('.emoKey')
            .remove();
        $(this)
            .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');
$('.emoKey')
            .trigger("select");
e.stopPropagation();
    });
    $('.emoKey')
        .live("click", function() {
        $(this)
            .focus()
            .select();
    });
});
//]]>
</script>
</b:if>

Simpan Template

Bagaimana mudahkan? Cara Memasang Emoticon Pada Komentar Blogspot. Untuk mengetahui hasilnya seperti apa, silahkan tulis komentar anda di bawah. Semoga bermanfaat.