Cara Mudah Pasang Emoticon di Komentar Blog

Tutorial Blogging kali ini akan saya berikan cara memberi komentar emoticon di blog, tujuannya kurang lebih agar pengunjung yg datang ke blog kalian mau meninggalkan Komentar pada postingan yang telah kalian buat... 

Bagi kalian yang tertarik untuk memasang emoticon ini saya jamin blognya menjadi keren dan semakin seo...

Cara Memasang :

1. Loggin Ke Akun anda atau klik DISINI 
2. Pada Dashboard Blogger pilih Template >> Edit HTML
3. Kemudian Tekan Ctrl + F untuk mencari
4. dan Pada kolom pencarian carilah kode </body>
5. Lalu Letakkan Kode Ini Di atas kode tadi

<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/AVvXsEj4rAVxM7xyznErMURCd1ymykgInvNHjLoSoO9KcBz2Ia-FWfsNd6BFme2Nsn3Q0z5hxgkBRt5cTaJhHM_oa5AXYfSJgNYQPsiW2DxOvxtoNVrhTXNq-Z_4s5uwYRW5shSx1AEbaEKdIlo/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUzqKrEY1vcUg8LAWdekiw3rjsTqbLUUTcMLpK3emRAxO1hmoroulHKbRKOnRjTNZo3RSq2an5la6mjizLuOo75xS6QaW1wNXt_zy16SxpVQbENLY1Ec-aBtcoBE_8nbXu2a02iTCUs8Q/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcxyrlDBGUM2ueocASY1dT3T8v6jBRflGGkWQGhIYZusu6oCddlfN2QB4jY59xbc_2AZNlENbi4067-rXK6VaS4X1EfKdwQHIspLpdlVPZmU0atNAWe4Cco-Ln9Tf2b7NuLFYzluwV_CE/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif-Wg2aLIHpmMI0uZqiM8m9PZjqXcLofsy6R_lIIlYiKGZA9muA7plEy9sL-MsNrd-bX6kkrkigahUo3iUQNrYOB2IfbcSemdNj5vWwhUO341V-xrfanR0d7kt9tDJ9P8VIPcWK0BHI1Q/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0EtBg0cTR0LQCwpUYkZfRrHeGWzuxVW5FoiRBGzje18_M0pMSqW4wm3D2PlfZ8Uu_9tFIYu-tIRCNIBW-8XiOMjr8nTtA6-Q7kAmnTFkzmDe8m2s0KbIW9f9rRXyCrFFzhR1kpZ3Ak8Q/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmZllNgR-5Dh31PZd2pbmDHkjgLi_-sQslRZAWr4AvNi3TK7Yk1yZsZ4vhZx2Y35t8b7V6_AKF41j-rzyCoUNTeIPYW7__inbkcyWyT84OH4UVCwirUkOmxG3tIgMQDzwNvcgte4ZFWQk/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPZWxg9V_CaGeMXzFzVdRpUtAF5JmUCQrJqYSu6q_0wzqXW-nWG5ZPpdhwwLbYf7jwecFx6KOreRYk9UKY7HRpkGJINnAuQBjkUbu0vR06Tg7Dc2ca7KPxYnRD_BKtOMSdBAOr9jhRcIs/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpZdvAwRTNAwOmdfrU6jtRsOUzcOmtrICnDbR-Oj4wlToe6Q5Qb3FLLO9kr3sSFppvWexNJ2krn-XAvtnNghv1CAg5sNAiIEGE49svdRsQ9RIu0K5gEnPDLtC9i9qlkmwGARpGCK9hxc/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc3LofAfby7q6z7orhV5EuV0cxxNiDqPCWZR2cWDd-UGEhDEHOOQmT9QFNdG8KLD06_PmMcCB9XRO2s05vm2WkfpZyXt1F8thRkqUQEE9zb5865T0h1oqVT7wJXcB521uChKNXt9g3STU/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRr0ZEF9cxDVBnqY8B9iaD_gjPV2amnJqrw3LDL1om4fk9hm_aL6EmW4wc7rxyoyn_ewg5dHZPTdSOZOV0THjqU2YvN3VmB6YleExoVEspODZBc1kCEz2AfOrOuCyB8qCfKtz9o3X5zWM/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHLhOtDyQ1jLd1K9HBm48nzEKZdrSYteQvp1U7n0Coflkk8bnCR-tXD67hH3MFC0l0k8XnD_0koiYePGDb4ROs_O-SHNeyZ5a4FflOSQhluWnL65O4AHGDbrtJt2EJ_ihaf1igENQ84fc/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwtuwDT9TAFvzrJrqT4x0fan52DfeIP2P-lpUCojGsCbkD9h_MI5SkkoPlUCC8989rI4cTYwaNpvz6kFP-F_GyFTitwuevFJoRFXUVtuD9bOy9ueQTVU7eeovmmIHIOTo5FHK4xSuJaIc/s36/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6sx_Q1lI0HmHPVyO-llv9wzwj97TDnSmC_r1YrG0jFyDskmQ4AG-g46kJlDSwPDVNcgXa80U1Npt2sTOFx1dLkgVsrMfr67Q8ih-Jx-0zBScdKG7PvyKIm2HjgbNC2Gh3KgO2EHxkIQs/s36/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1xzA5-Rwu18BiQGCG_zHy6DDxEAzdRZr3oTHQmGNbGkdfv1vvg3BlLAIRNZtWk-vMyTX3IWtXoo4etSRzXgJWkXImDW05XjlplCYTH1PwpUTOSQSGLXEkFDZ5dPFzmgU6eexd0WXNag4/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjepvtaNHGeno956ZNU5uymqNUSptDEwAAc-Y8fE1PivB4fu8xP1vDyIVH2xE5JkBOv1jyTQ5xvhfA2t4c1adn7M7b3THkE7RthkEeKgA5WkeV_dcvfo45kVgefHXreZkgXPEuLPidBQNM/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY-4_WDRGV_KC4cC3aF_wvosCdtZqGePJkCgmfL6mpksl9LWu-W1Q0Y5VQp9Y5rOT6wrIS3qZVOZol-j9THpfu6QUqNr7FzvMlnvoDpgilny7BAE96ETMmePEjY1nEjAapbt78nqk_L5s/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqYfFHUt1ZugOADmRhV3TA-LpFBNB24qUNViH7cdlRbl8PZC7MPIQ8cCX2tI0koCH6sMGWl6zSPz9PiITUzRNALcRDuxZE5QzcZUQvxnOGMBn3HqW6ZIAErqq1daUNjuYz5dgX6XUfceQ/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKEHfg7amAJsH7iYqXY2HEQYtnmmogME3YFasuJBcjZGGzKBxAidG1mDP8BIiCM0a03uOkUk-yIXM-mOV_gaB5tUxPFlfwRGE1D879JSyMF3EuoI6XvPgZr7bRw5o-MuBE1EwFd8y09Lc/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWcZWEDJpDdBj6J0oBKEFTekUCNvLt53TRov9GrXDM-71laF4s5MVK10Qqz9CQQhKoDVL2VGzFHgRBfCpXBLSXkj0tlHu93Qwc6QrvMb9hR4dWEX8-lQxggXy51wTnvEd23BgiW3ugJAE/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFFa06AS9fQzdp7f7is9IvYavdZT_h6SBq1dqPfK9LCCA0YsWMH6VPY1gHkhpWNdJC3_8-ow5F2Xu_JNjzQKsnf_qeEUjxUr5gRfbXzig_iJyUZqezAcIssr2Db5cRJQxQXnCxdzTqucM/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiifk9Me50D2E9-s9BqA9YJaH1E-fojLv_crOPebY5bUGduTBZndbk9zPQHDsaRCu7X7Y0pGCLcheyDR_89WLY38EVdP2zvlC5Cms4TRVWmUvlCNt47d-AxiVa818B9ijuGLEswHxRoE7w/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgndLm7O8nwLbLgxBU3-wfSwjYQ1ha-SkWbYae3BJbKPPQkIGmRFdRZxnru00EY0TpPIvB3FLihqG-Hkrv6MjXHJu36JDdqNKNRATEq_042NzQr3ql2aNntxSPC2KDMj-PT3wlfL5xuYlA/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh21bJimcrEnnN0Swwru8AGzZWAQQ5ZAo54SOsTGkM4HXjzl3-Cao4E_IshiGj90T8DneuiROvfvecRycNswkA605RbsIWhnoT32Euyoaulx_SH9pHskjH187o3z7ne61AqmU6He8i41jY/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFEuNYXwYJ-u-n_tfV5lDAg-iSOV3yDTxMKejGmCsuYY8brab7pljSiU4nzU3uTMYUEm14_5pGS-Z0KcyNfq67glceEDie4MfN-TVokCVbytQBWZYQsCUrd9FUZpD9K8Bohc9l6ZvZ9l0/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhBJl0kesTvYkF7nWNSi0WGPhMbcBjTlT46Vcuyf22UaRsoRDoxwuQg2w2IegKuq0uEI1lMkyI9UAw1-UXM0Vd4_YeIR_gbUL-shYgja-GdvpM8eCH_L9H3RsPrbGvv-snq1M26W7Gb4I/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3vHbUetFbC8Pke66fWQcD1x4KbuI65OBvHbt3p9G41SLjff7refiARwf1mX28pavi60sKwvgH8iEGrWWu1jhNl6B4f1L3lixVMlbJu0IbPBPgfJanfvLgCFp03rYzCbgk_CT4vR_Hhdw/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUHEw-f5lEUo5i66MQLJuFxl6H-nCKNw1snI4wWXs28jJrG7JhBtkbmuRiy6McLBgpXAKxtJTFSUs3dYFMgcpfjXoBUyf50P7xcZ6YnfOjmfpy0bEhx8WkJmlP3mRjpvkWXUyUU0g-OOU/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUanMdlhgUsH3_Z-_88UHi6n11ikAPF2tM5M4k1qfexxu24y5eyAOqkkjf4PRB0WdngpfGjn-EU_Nn3FLlAnanr3JsCtsujrN-CNlsvBfffVCMAKcR15_k3icZ45_H5aj-H11GXAs8q9o/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQo_PrlMjBYnN8GzcUvgEGxNJJ1ujfV40043R7HiDquLm1EODGSqF4_8eXKKo29v27pskcWAzi7Ct-NINbw8AjbbgC26BzgE1-6FqzvD5YXDh379FH3WCy0tTjgzoLg889JiY_jUkFqbI/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2xhCs07qabIOxBDF1hFxATVSHag9UTyRzSHTS2Tn1JgXlYFZWZVfBI_qWe9KLu4IZ0sHmLzF8UsPySjT9JwdA_j2NTIkTcYPnLAkw662HHDyhAIS3m6femZOUcTYIuT-dDxbpl3EuA6k/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBxUYvEOH2OMPdv9eQjaSq-uitJ4Wf0E9eo8ILJKiJMUhzJc-Xk33jEiHh2LZn00kBCtFWXwBxXrNvlx8Ma-CamkqVkVbDQnzqGjacWnmyOJ-ukjlGKd4b-QMn2oM5BQZ87mD-0UtGwiE/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWeYuV4N-0u5E5fY62gO7V5NcCLwDcIDkTzy4aT0TjysQQfX72KWSByweX_ZkEPktbyALmGzZrdj-TXUgAcwaLFECiR8YvNF6e9mT1OvWHHLvKxEtstkUvE_RJ9NhlPsAOOrIBHyP6Oi0/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivbxCzchScYAUdG7dmG2OL7vzDCPnAY3tejQqQE8cTVoiry55AYDtnfv4yJgRmADAvSAxiSUiFnWzYqSm5kCbwVtgmfRgx1RUO4T8KN_hn1b2OzhnCUk1nLogo5J79UESeBjUHALRWVcc/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>

Tweet