Cara Membuat Emoticon Keren Pada Komentar Blog

Baiklah sobat NineBlade, kali ini kita akan membahas bagaimana cara untuk memasang emotion pada komentar di blog yang mana tujan pemasangan emotion itu sendiri kurang lebih agar pengunjung yang singgah di blog sobat dapat tertarik untuk berkomentar pada postingan yang telah sobat buat.

Bagi sobat yang tertarik untuk memasang maupun mengganti emotion di blognya maka saya jamin deh blog sobat akan tambah lebih keren tentunya semakin seo. Cara memasang emotikon pada komentar blog :
1. Login ke akun blogger sobat
2. Pada dashboard Pilih Template >> Edit HTML
3. Kemudian cari kode </body> (untuk lebih mudah tekan CTRL+F) kemudian letakkan kode berikut tepat di atasnya :

 " 

<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/AVvXsEiTMZaABNSEQLhDx245Ap1dhwY9DJluXnl2qJ10SrAW4DpObTVR5RsN5Z57RUjHdH-X07UZVxwDA1d0cYB6PtCk4-kntzODU_nV1ZOKpjUobyoc837eR4CK9OPvsEfjwWG2NPWusUDqBBQ/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3jsS4XFQ6qnaOI26t1FcashG18tZIBdl9M4S72PG1SJ7zpzjzDF3M_x6gx_hnJrkS9IngPLFVRbtVB4AFUa0z_Y9sZ8mkUA7jz2vfDKtq55dXxlvep8iQk2_9xr91Hur9UR3RyGhSIUo/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge8AJeHGofQXcp2o7MJyQ9DaWI8r_YdjbCVxu3k_8dNof_t9_FM68M5goAGVAkOkOhPo4FgLi946k7EDML2AP8Pdu2n3Gt3E62diainHLxUjkiRykPCv_TU95uF-oIZiaY7e5xKOrVWWA/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2zjOl5i5q9OMnTRHBZKfRwJs2rNIBCwgLADt1Tu-KqLqsYoQDtmg_QYFgvZorJ6NOPkAjJ6u_w5dN-BdNThLeFCWe2F4Dpze4MMcgjYbhpjrlQuueCnmz8iA9kJQurkp3y0oAjzSR7kA/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqSPPslwLfqxf80zbE_07ksMcUCHSkaqdwm2c0lg16iKeaKCOTwQvgHiFzQEvLeViDw7kl-DLVDwst7hGZAHgZZr5bNK3Q2eLTKkWtoICTKgFST_ybjrjW4vhhjGClEyjbLfgXUDsaxs8/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmHQYOjjx4N2cgneHjGoFhGh_UbFQVCeWQRJNc_cAgQ7ZuxmVicPUplWST3llzH36IcjENFuTO1XTH7xkhW7uUasI8xmtKb4nLj8BEB8IFHLd-2dl0F7TPVgJqNpLcNJCaqZ3XejxCR2c/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMdv_hxXWOKbjovFlQfZrBhNJ46eXayrzJ1-EX_ZUWmgKMfQJiglIL3K7Jn19CvIrZk6wrq0PPsza53dPSj6kq9Ksn_FgcTAgnYBOqq-rjO4ucvvpnWxvu7uUsGfrTNyxZFZT9LvaYFHc/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0gD1DO9NmH4oYu9sFY6nvR8tQ19uoVXKO4N5RrGIE0R2_EZvoyjJ68TCARY8t_M1AngfkZhn62DQ_naWWBEU8p22ByTcbiuBMLeMdm8bB-WK0XVOV7imzCqY5GxmX3p3pkhIpyjwe-HE/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOohsHOCfq8q51Ar0aZT6LtW9aXdY1Baw4A-GMR6AyqCTcoKMd1FEh3sZ7KrpcAetSqmOOxskFpgOedSsPoPxOxglJpaqzXL8U4hfklnuLLQrTyIcVIv_Py82TT2O1wxDU3pXh2gdEXr0/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij7udGq1ptz9bVG_TvD-_4ILhbEVW7IpJCEN_QIOxDayUC0V5o2bz-LGp3-HnQ7Z3YdPaNHQLXovNFzDgQGYgL30AUlOucAf2T4Bzjo6zFoVSXs_wzxuSw39Pq-xfxuorkonULRto_H9A/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7h7VEOAoaBzpFbH81chhRdhLJroYtJ_8J6z9WKBK_W5ixMupJamEYtMuwaEDlmBqzghk2S5NKUqv-TcyBqgX92XZNZJO7uB1lFcOLacbirq-3rZ3yV_efbPNb5OpYLYE19LzbaeNNow0/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOKKl66951H84OyjohbbVa-giBl-ok5MGs-FKltKYZOsCdWtbzI83h04bA5yupUgViA3cAhNeFIoL4G3r9z1y5tGGmPKRPjDTaJSEcXF-VmxVn-cJ_T-auWS_GFxkp9ucZSDmtC5xBRJA/s36/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZe_c1qbACvEKLmG-bdl-yFJGWvoFRYDX6-lR1cXkdCHLeIUV3f5tdy_vaKEeWq3SO9FD8-xCLE35_15pazBeyRCcXWQ0yIV0vjPjorMneAOyPgGv2BMKL_dAekPKSQAacrUvgbdr5Ak/s36/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU7M0bA14wetskuSr2tWB3R_NIyU3ssEKjDSKtS-DjigqzL63fPuV8hSBWD2IGH9J3dTCfa3ReHpjj950gKd9ji84-ZIoiedwl4Mugjb9w4kPx8UJv9jDvZ-J-nNBiuIwnoVOkSD08kOA/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRNjfXJ6zJYsVGYEN4Qzg5y0Fowo-Yy4-fHqa3naZ9r22IcRTxymOJQ_pO2zUeYPACfYT8xpNw3sXoR_EjIO50REoZGpLQxsdYBojmt5HIbdZgPJJb1W1tYI7LoaM_KRduz-2AyDnv0OA/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ZXsjczg4O4XQAf0HToT3ohNjwo7mxEi0ZmJw_J5R4hA-q_2GUnCQuwKu8CSu_dsPr30mCQubKbHyp7714MlCpLFeS9DxLAlw5qWcVy4E8OXgn5OyV07MqhrgOJ1_ZvuM40icaSz-Euk/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCzTcmyg5Ya-T7kQZxFAKrdgiySlwbxF7ei_2fKa2JqRjAf4fasDAj8LlWXZr4RBIpOMnEuPEcmeE6yNzfrZ9dUrjIGbVZ7WyuYFXwk9VJsFjzJ5zAZrZ9BvyXGKdQfcDCBJZ8hJOHWwU/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcmdlyOyGQi2tWpCQYJyJ1DHmjekk4D6hrMN-OcbUVQprKFkt_NApYNqUokJYVv07xeAMy71OpsYxe6RauQzVrhRDD7s-uMUqI_M1VFe4BJfcMZqYdDr8Iw-orLsUPNcJsuJhto9lL6MU/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCaTKNh0px102aTfOEXipADtS5eDJS4lEDSOWpWUlRMbxOecon__vBGBmlhI0akhdbw9nfjJVTiTsOOC569bsC7GxZj-ELJaA9Pe_Q2NF3c82QjnosL7gb-71mFNlQ82unBf1l9rLR7Q/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9GNKC6mokJvDb-7rt20NACsz17glLF8kvSjsu3WISOn2_R9IhV7NWV56sKFe688gXZ-hfNiQwLBZ1zIbT3jz_0VylFaves6w7VmdzLi-eZSDsfU4reReF7YtnjqJyZcCG28PoRB2a95o/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN6OaRHzQ0pGp9ZuUTgIXOQB1yEYDiejfeAJ04f4t2TQ0zdifY6tWJ89VT4fWYc9XKGVeYoVdsw0U3r_NT9TDobdasUSYqYHUMyQ8DtTrSpXzpkKER2heKFGZjBNrvWpRsZxjBgY6c6yk/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl4gqIfp8T7Kvby1yCfEnwDDP19srOcw1bii8f1m_-a7W1U2cZGDfkr9ckikLnfW-WvtbPgLEXWc46yozWr81IoSRrk7dhl8g9bpaZu-iFt7KGGyA8C24m9y1sxf5Ub9TDFaChJ_kk3TI/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6frGVFqb5YodFFPc1Z0OBwOaBl-owFifB_Np6_IKbkUQxgmq4Xz4pjsY7KijidrGle6Ucj2TowvkSA-tkzz5PtesBHrvmf7t0qOGRZs7mDX7a8XAGwH2aIJhWZ0uz0Uixj1EvuH26wdg/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSri-TZqSEFz6nMyQDUDBw_bcHzyGPMHu1eAP53g1fh1KxsgQ_hJn7uBFernHqU2SBXVkRLY7haw_KjYTxSdQhcNvDfBjlcMowvkREx9CfB-NuM9tTe1OUTde4Ro1cwlZlIaK87ST9wM0/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMyWtIBohgQ3vU_Tw5KsmtdOaboVzdBXsAhVH0pjLyQmzQYGom1f9qV2mBRgDloerLHFQBH1L8QSCiuuM7etqRAPG5dsvT15TuBqFP-5WVapYbmqhubCDM6uNwKqv1TpNbK4u9fblVp9w/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnAOwph2jad1bd6dgNhZ_8DPykztQ-ekwMPVCmJ6U3_MIcxZD4pVxJRzBl-9os274o5U6yxcu5XT6-Td-Imbpc5MkoUQ-9vQCkuRsNNZoB1YGdvWQ3HV2R6w2aV0GaWxunLP_eZ-UZjJI/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihfMI29gLGLo8BfV4FBk47VUtdTsu6QHzPrpO1q-KhrzES41d-UnzkBHr5AOfcYh8RggJHTbk1m0eOBEPlPQycn2iUsv50I08MQcOxxUx2YEYmH60rbXGQVZ_ovuMfmpEI2tEsB6_0Lr0/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNxG0pl7BnJBVW9yu7orC6TL174fHSg74i50PonJNX6VTGP5zHKEThXmIM7AVZkQ-j0lTzgyqSW37dfbDjifhDOW20iSxwdzR3zzizhYAF_piMBj9hCVRZ4xDJkCWUW21zUNeW8064Lb4/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWIrXaKcBt7QSI2qjpK_1hJD8tSYWYkFL4WwqGbgV57-7szu0Pxf6Da9UuGcuWcPARUiYh8FrUixtuofnBU7O2fs8m9BcleRyHz3Db4D_o0wgkwJPJiqkKjL8xAqS1-fPxzwGksmBkR7E/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqzPt1UEU_IlkXKv5HW-wxoeZjeHAGaDoiOqhrTEl2XTVMhoB7JyCDzFTfA8JohgmhHur3u7hQ0oDbf9LzbRVn4_xSW0ijG7KpBzMlMELgScFzgEIYMCi4q8LS50ESfph2viDDdqn-5cg/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaZwjCCuH61SUzN4YhzJWku0JMGXvxf5r_0VS10ZytwE0hrkXunVbflIr072bY2B2dT1jVztErb1fTJPIC00FhcKf_ASeiqwVK9kl-2RBbSyob71nWM_ZhkHXadWuI1-N_ddVcveTFGxQ/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh8xM2VhZEUGyV8X8zAw37ZfX9l8kKmq-K0Rr2MDSe9K8aFB2lDRPkRfjfEdhj5wCorpL-WL8NSDbFiivogr_MWvlF91EnoiYnO_QjSjk38CBq8AP2yly2D8ZWGCM-tjQH_sXzohk2UBE/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3ruLFjSQGOR-xmqKteTEZo6_X_CIS0TsuWPmjTK3uhsXDs4DFgcbVJcYBQMbcv5gcynVwBltNeb733e_ubQPIyZ7kAU97jE75ec9bLtUaC1F4sTq29mhTsc_xWJuWshr-ER4WLBs2sY/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>

4. Untuk memperindah tampilannya baik dengan mengubah background maupun memberikan border, silahkan sobat cari kode ]]></b:skin> letakkan kode berikut ini tepat di atasnya

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

Bagaimana sobat blogger? Cukup mudahkan?
Maka dari itu saya berharap saya berharap tolong tinggalkan komentar beserta Follow anda untuk kedepannya agar blog ini semakin maju dan berkembang :')..
Terimakasih ^^