Emoticon blog dan cara memasang nya

halo sahabat dot ^_^ jumpa lagi nih dengan topik Emoticon blog dan cara memasang nya hhe ^_^ y udh langsung aja di simak ^_^

Cara Memasang Emotion Keren Pada Komentar Blog Versi 2

Pengen pasang emoticon kaya gitu tapi gk punya script dan cara pasang nya ^_^ nah disini ada dapat tutor nya ^_^

Cara memasang emotion pada komentar blog:

1. Login ke akun blogger sobat atau klik disini
2. Pada Dashboard pilih Template » Edit HTML
3. Cari kode </body> kemudian letakkan code berikut tepat di atasnya

<b:if cond='data:blog.pageType == "item"'>
<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 :>) (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/AVvXsEgHTtmEUSbqXEm_aVJFKHIktwpeY6QOpmwt1GTIHsChyphenhyphenRdGCbor39Cki1Wd_5tqHyoRl6WklO6GeSRfn0PY8Hw2scKM13kmi2F9JRpgKoEoKqM62UzimGAlY5kp_JM4J20QCt9mPQYCt1g/s36/03.gif", ":))");
    emo(/\s;$\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpuCCs-M8A_a5PjLY-qYxMLB98DeLRixcO0XtmFOmSxKmLnRM_9-1VouFXnWfTdS_TyTtVUdmDG8SBUO2eyIFB6sh_Oc8Tiq6srH2A84aqMfzZqqEiNgd86xOmbqHbEI9a2teLH9RDEG4/s47/06.gif", ";((");
    emo(/\s:$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh91-u3_eUBBAb9FFsYZSZQx9qDqPA_cuEXMFReaLCcDe1XQWh2D-_rk7YBajIfc0fj3B_HiG-mYe7CvbGz7ylIF89-18F8i6Y0Lxrxt6256mw6OZPC1uaY1vk6i_CvfuxnzRZlNGuivTc/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8sQRR7q0VmaCiuzRO0sOI9kDrG5WOdJNk5LsZO9lXgYyM5nrtcktggYMelthssPbgLOeedvTStFqMDuYNFoGHNCZQ9fye5dZzRh9R7hT5m2GUZ2dM8q88man_LQ0HbwbOoC0sfnda8gc/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrlpqf6ErudRuUW4jzTBChP9N8uvMrIpZf0zQOlTFh7WOpzYL9ATaXRcKpK806O1Z-Kh73rc0H9tc6KKu1wF3W_QOQQD58eyY4D8xacWsG8SkOvVnv5yC-Q8tS4MI0sYaWfW0_YYO9l1k/s36/03a.gif", "=))");
    emo(/\s;$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2-DVDwlB_bYVCRyXI-pd1XT7nOSWtzph19lY97NCZioiYnBmqP5D9BN3Fc9x4YXIr-o2dPvt07-jyKRDguYCUujLD03RXlW4mNIXWUoozJvPQbY-UMkHkwBJhkOI0bsvOil1jGRmbZYo/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKQ_3nF-0I_fdvsWvWYB33fF2ILCFvuBLeDvTGi2GMD0eC5NyMaMXjcyxM3Y9MIyIB2pA43GcxZtXobcckV0x6W6GiJdPTeG45oCmX4oTa73VLDg-89GZ6K2oaiE2hSbHJf7atD276iNw/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOChByL2w_dpCRdQXvBog7WPNuwwmlt2ddJCIZGVOJxpZNysua5I5GwpcEjcJMwITJOeSpaZEvtGwYwUUGrgxz2Y9T2Hx6y7Yq2YJ3jBg_diz-Hb-WibqIykhqn8zU50WH0LH2YPUFRVs/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRtztvTNL6WZ4H8wvRLB1sF4XLYBwvu76UxaLk8o0wrYw8wui_NytfXhGLy-cM6NHY4VvU88ZTTvFTq_zRwOW72c3720oVOYacQ7k_S3Jhv883ePHAbsfCFAGHdjma2KT0VG2yhCJtupg/s36/8.gif", ":-d");
    emo(/\s@-$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj82xQDCaezdHpBOZvidi9XslR9Gb_oX8_GYVwClIVjuGuyKkVzHKKhOzwlqxXmhxpKoDXCiILmxe6dL2pMfAEm3Ayj6RjVASh8R8kAi1J246cl9lP1waM2nhpcjreTBz9jbXJhqpVUFE/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxyTIjYq5Gs64DCBpFIsa6bj5STTWNr5UvCmlRLBOi8thf7u4Q_cdu9Y7qOH2xKHA2dFFDwXkB54kWJLtKKEZW7C12W0-nyF4ht6iQHF5OY5k0n0OGCei0QsLFfoLkmU8bIDLVC7lwmtE/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgba40V0UTjKyz2e3rPYKoIPX0I95rrDqamC5ZkBY04ouAM5YLehyphenhyphennXOFw-DRLa7n13Sl_29ItxEcEd7OjAJV9j1YtCKvBy4NNm8ZTGUWnvYMLWHlxmNtmONqvFa5oxZfRnKE_bWm7rZTg/s36/11.gif", ":o");
    emo(/\s:>\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB5g-fNLTZn08ic5W1FtCO3vbDjnh_kQPyBprmUcc6PSxZ2_qCJEJPy5F8msQRNLmySpkBpxgCPErH2N72EI5fNGBLmc6zIw0UEobZjC_naC_-0ZRII4TNoyPFORlZdFS19CNtbo8L4Jc/s36/12.gif", ":>)");
    emo(/\s$o$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6QkgHDBCUGe0TojTS7sQDkVaLUvYZ6495YO3tBQWrLwarS1Pf7VQV9mb8NKB4bBtsS4F4dY32jSr_tVZT03LFn2jUVsSmVWUnrkP8kRhmFiNR6E-If49vUc6mQUi_oOSCD7X19QBYeec/s36/13.gif", "(o)");
    emo(/\s\[-$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS6TWFGpqcocx6y9GwDq2a5caSxr6M3aQcxkUmDHVPHbK8arArujuZSX0FRlTyKryQjIaLW_Pmqin206huXKO0F48VrRAGvt0TOhZNfEVNFRWlhqYi_XLJF4ujoSg7tm4uOs2nB9xjluk/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcvLmhkpbS2pySRgVl9wqlAG7EyKJlAILix6XnNiwoqyzlWZQayUsAtVo_mt1u_g8sMU435QejgvwC1SwVsnKeOvOTihK8-tImIO3n9fUdl4Ophzb3Tqz7tx2LWrJ87z78dEkVpY4uEP0/s36/15.gif", ":-?");
    emo(/\s\(p$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoW64yGBY-dElYVLiPnD1Yxeerp343nAGr3TDVO2IayIBAuPzVl0XiRP10A6tlH_UdkIGrhf_tA-C-IUazskeGfTOFtZeBLJFytbGMvFj_hQhlhM2JPwKMOnCZ6t_7rIQ7y7LOkAHq14E/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYBeCFInk-FXE_fPAkn32a_uv-ZNoH-t_HlHq5sheGLx_lU0QgkWsELJTn6iAqop-Dzd12upH5uxN668iPGQKyW_IM2d-SBIIV7MkCo6KK4W1i260BKDm5Gb6jWvl6SbiH_hndPOyZ3Zc/s36/17.gif", ":-s");
    emo(/\s$m$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTaZ1fibo-TnY5r3xPaqtRTf02dVNBAio04JPbJwu5S6-ED07a26Ooqh8cc3-ltiYOx2DezzAKswxBtM7emmqKLmdMSthPlkZo7PvevAYy8pXWBzCp9jw9UzGcqEBdrHVjXdr9_MPziBY/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAY6GwlE7dwecnvRcziS-jFGaBCc9JPyq7tLFsJnByHQ-m-QYBxr2mj3px1iHrOV27BmNnU1EEBgWlWvZYZQ2R8i56w1a3j4j4Bor7aAZ-zV46z7jfJrcoyX44QRGPMiNM-JmB89Eh-ts/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh6HKAVXrkoAIrKyIBBE1qYCtcCFkqHUlqKMa3vQ0PVBG2HVEsczIpfOOfv5VU_tlUYGSsoY98CZvIBXf8ttIkoZq-o8uHALHGph_e8AeWqziZr4beJME4AmQut5sBrgDc-40eEX804qs/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPbt79XF5FziLbJ7XMN_QEWRHLpLyav-_evK9W7jIKcFLTEm15-9AMgkb9YpizRcIZWRl0_TmyKbKCe7R195lrOrk_vLafdI-hPuOfiB7fpKTImzrzg_DrfCXILxd51PSGvwhO8zsl204/s36/21.gif", ":-b");
    emo(/\sb-$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6sMEI3voMSLmwn_kQekn3704JA1-PC-sf-ofCFBrUJyPSKPW3TNsM8x6huiDvdGiw031ZFpjB5_zT_cCupjZFFaIHC-McQNY9gTnkJWg95WZUQ_xoTQFBk-alsgzAkyvcQ9PRczDAwcU/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhknwHEwxeWDHBMXz758ikZCAL_fse_gfdAKmaSCZe-fqqg45fBDnQeds5wY7HJmga1HBmJ7FUMoj_yCAfg3rAEPgJLpjMsLud2en05dbctLT_1yp66gO06dM7IwzILmdL-j2JiLwD0fZg/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI0t0TgDupK10w04RhNs_4q7Ge4UNpm2tMbtmJ1evyJEgIPUaHTy8xdm8b4WVyz3PuL0fFodxKLjCt97sJJHnyW5wt7i7OnUNyObN6SEUa3bE0ZCLgc8yEOxTSLuGRLVdEWEgP5VEbnCM/s36/24.gif", "=p~");
    emo(/\s\$-$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUkzTVRVRfhfPve-s6dyLWuUjTckEp40eJldcpLYfqmVu3vVXB_gUI6Ei_liEI-ucurGDcOK09rVDNZ13y1Y00d7nWGSedDN8Kb-AzIdvpx0zaZL1BKa7RIqfTcoJi8vn5gcVub20uxYo/s36/25.gif", "$-)");
    emo(/\s$b$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-9zTKuv8D3rjWjCV2Oe9dkXFO_dHLtuhmnctE4NcnjbuSbt0rPXeKvK7LOaeL2aL5rsIWG0glB4Ptm58ZiusO2DF9OU42gRjONAec3N8ub34OGxyE0xESP8p1VmMolxRf_olNieF23Bo/s36/26.gif", "(b)");
    emo(/\s$f$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0M-52yFiU8FXPUuI1B2CD-N7GrqJWPaArqbWpPfaz9PMIMrHKyR7KdE_l9_WNS8gR2W0U2dBVB7yEGq0C2opBhPs3hAHt4QT3sWiYf33F-43ai8P0EpaucMdrpcyeLNY2YPOfdx7_hww/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm2vZQtXYfhMeHG_zX0YXGwRig5HIACUxVGsWbBoElo7n9iGzp6qhXN-P7ft3uMcAZMuELpP0rvRVVOzmI-rBAIG1J8a5Pnbt4Sn0yTz0gwi95qaJi52wjS0typGN6IaeqonXRIpbDfd8/s36/28.gif", "x-)");
    emo(/\s$k$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlAm0TRBSqIfuSp0Im9caDxX5GSrc6RXSrQWVj4Kx5i_7O4_Gx836NVKjvtdXxXgk3BuhGQVPz2DDcqApuaqyjEsqMDhD9pHn5qSR6spbuow54uPZtZTjq3hy0E0ONLmRRa825XtWhxZ0/s36/29.gif", "(k)");
    emo(/\s$h$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjga3RjxE5cE7Ww2iagp4fdKuESFkmD1KdFnyG3gCxbvTx6f57iWNyMtgnzeRaZS7aOuZlnYxSt1X7X73cCSqRXbgMoNteM2ZxH0KRUBQigK4TY2KsE25gFpsW9f1CUVlsT8-tUVX_prUY/s36/30.gif", "(h)");
    emo(/\s$c$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_sdux-Am66w8FLNJGAtRfdwlroAwf1fRuTrvtQ4xm1DI0PFR2XDogAURD565nZ0VG4dwQsrSOVzP0n54j_oOTTGcEr8IoRM5qQdZuY8LuTWxHjNiHUxK0l6DI6dO66uJmFlSsRoabIN0/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRhPnhestzsPCZzH0WeUSy0K0qHvcpu7a7wyUF0a6rtb2HtS09UlJ9UweGMhyphenhyphen2KaG5w_9xfPHdi-A44W31DWVBH25dcpcyLC6cjRYq2KqWX1JnDYOmDsdgmyJD9SEj0nk6jbxGTS4IO4g/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 silahkah sobat cari code ]]></b:skin> dan letakkan code berikut ini di atasnya.