Cara Memasang Emotion Keren Pada Komentar Blog

Cara Memasang Emotion Keren Pada Komentar Blog - kembali saya share saja tutorial memasang Emoticon Lucu pada komentar blogspot biar tambah asik, kenapa saya share demikian karena saya baru saja memasangnya hehe saya hanya share saja loh yah, moga-moga aja bermanfaat bagi para blogger yang membutuhkannya :)
Oke langsung saja kita ketahap eksekusi :)
Login ke akun blogger sobat
Pada Dashboard pilih Template » Edit HTML
Cari kode </body> kemudian letakkan code 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/AVvXsEhAgB-3Ry-4m9q-lYUnvrS23vQFytnkS4j6jEOMPgrQhWpmz2byhbp9zAFo7-j69a6-f0PlVhd3Tycc7N1A43F2_c9E5hvJ4yTXzNyOXTUW-Lt4aztahwHguRBFbNcBeQvrepQuuhBggNM/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxm9L6dzsUKr6xo3ZXDHCwvnDBNaJvqUHn99ab1bX_cQkV5MbNiwvNCLYhtAGmrWBGZOfkdTVokOF9xJw7Fd1AZzRig41CLzUbjkyXBoH92Rw_U7oHarCQV0x1_4A1C4GExa5o2kwedoE/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbyqGJgq5z00LaKrQixbnZqdTWBkDpBNHGR4ijJWJQ7_3hHzmBeTO_4hZomG-aFoIYRrrnNzhPtLbQlZrteV2VCIwHqScJ29nmwJi2X_TKvkuE81_eAeAyadxIUJYHY4Zf40QqZ2BpXp4/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGMsEuHe5vSqS0TRrgIdmyxshBY4YZQAIheDu6D5xcmc7u7xqdLxLz5zMkza3GWoU_FpJrjY49Y2IlDH-392X8bYBuhWRv3d8_NjUVS3RE_EUZSIK-3U6SnKY1nw9qq75L0pJjkHEYJps/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHlRL3iCYsJ9dDhgSpHkkKLKS9sqD0OofnzE0I_9OSEtWnmHznh4aqNvFvxffmDYnXJ6j30Xijox8cblilk_qE7-rMebNhyA-6k_Kn9PN7dTD22nIHUPkMFZlW2yqA4XRZn3x3J4SUj2Y/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcb1zsyXz8-9ZeVcKbYSuRUevSG838czlFFGZwcB5xaXw-GJSJA9FxUClxPvfoRF1vD0hNsO6fdr2aOPV7qP9DSSmrobwy9OtT6oKL-4MX75kmkUrhnTqFhtXjzLzEFw3a8HQRvj4Iw2I/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH8EsCKdYH_8pZ8wvii6-EYB-ooAnYoHbntwKzB7Qj3gw019LbSb_KDhHHKdM3ogUGqkI0U66mJ3-E-NNzc2cChkJYuC7jLe0l6bqFnWdltRO8hYM8x-EhTos1hyphenhyphenkTkQuUNZcg0E8VKR4/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZkLA0ye_FiARPdqezm_BZjmk-ok9o58fVCwZ_OE-ceTRoNRjj9vPQuCbFUhi3Fpcy-RSQM2Nfuu6u3i_dxUexIHfA3cOwJofb6yjq6W08AWoWYvFF-JZPnP4e2x6HwlOwP-gX6pbxbj4/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYCxF2Sd_SpSbNl7n3BexL3lSbT55G6qK56O1iQq2Q31jle3dwEBZoCB-VxUDALSVRxHgmdTWkNCmI0Roq828jRlK3MH6FSLax2zpBFmQWf4M_ZlqWkDIBBfsvGvtgUGDzPJtyL2HEBic/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvCsDYJr3t3rhlXhPcEnQle81-EVnydscMnS38zqf9HSzwFT-2_qtd8TznIAFAQPh17aFnf9ihGTgIYhLStCDrZsYWQFYn8mCb_FfnwQfXzQ6PfzMjgeqF5t-qa3gZCXChn3xLZtihvYM/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD8EhhaXX4PZdvGN_4wBM9AH63YUalNapTmbSKYMarJTfKdcYoBnvpdQrEqD16J0UOaUB7HSM13Jo0aAqNK_jtOVip_u4UjpRT71YQobDpw50rz-wTJNzaErH1gnhrv116jGvs6GYTU14/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh7n82J6uxJWHkemhh79PmtF1F4IkQ5BhTPgmKU7gWsPrzP7Tgs7Z5j4b7653nC3eoetoatm7uAEIc0CSVGkZY7UWzhRrCC6oCx5RoPCp6U6cArAwFDNX7uc2WAgabw25klujZcXk7rt0/s36/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzqNeBFjHoVF6QjavLQVkWiifXjeMEHXoylufpLImYU5RStf4zQfPbYnsx13XAZlmqS2Op_uZbSd7Wg1moERDuV3njitKozAGmcT-KaAlnn4kCl024L2_YUFSUxymV_i-kMMJPOd7o5UY/s36/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeu3OJXaaHhR-IfBgOwlW9ZEqOKKIy0TAoT4sRgygsBm5y952IgmXKWCJPIwjgyx182vk-jHiGuthu07HqsT03_kqiP-gGElm8_xopg-5lIihVt3uaY0ygzNCgZB5uspY8iXI0_DrvFM4/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtllD7BMllElWM8Lxer_tt_Cjvb8CDZ43WPeEyMLpHEtvGVr4yia1AmWbwuXsESuw9EBgFImLNjsBqPpi4AsWZGNmUaL-kfmFB9d-eTKL-CudCypFloRJtoDm31Y3SXJ5Zd75Xj00pUOc/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUHiUsOuL0bRenijulbelZorFTTKuGgxpTwbXOpSDOr1SE1dUWtBlEqtFMZntBhR3MHsfofRsvtpvGyCY-P7EHfROW6q7QAwErpSKfcLsoS_odqXe_P9_A85H4Z4dExK3Lq9_gE2qs9u8/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0_qop6OFTgaWxMPt5ygQ_kaD1zkuSUypLUoDypIxXUmyzPXoD3Lig2onxVWa86AiAjNnDo-RrQiW_FT-thFgsOHda8NNBfxFoHQU5U75r4fGsaAzIfT_GUxJP3cD7akQCcRSVHEyXcao/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWQd7YtxZolhmmP3efj1w2xJjH7GoY01RpWq4Fk7hV-Yi-KOTwZzMYUromQ3KcCEw8RH-HsX68ox2k_MAuXCi8LMmVR6BlWGS4iCy-sWDQJXMTHrXQlKNzDIteMSt6Il2XTdqwiwon1sM/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvGl48YGDzFMtGbIEtt29SfkU50_Mlct5PW_OOG3eP1qFE_sy0dvzc5ogxRaPwTTqhDXZurDgOQ2kSpKruzq3W8IpCx3qY8NMKuzBNwTRg6cQP57eASe0xezahTVqsLZ2q7UBsOCFOddQ/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAJMV0oolNB5IpgsIzvr3nhVTAY2al3kMGHtUMEbIgUjkMYQPb5_wVYAbRA9ed7Ey0WWmvyMVuvne1-O3ksEnOdGjbobDAUuj7EAZ-eSaQIUaqjrKkQKGsRDm3BRkh76KqcP6m35jEQ_M/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVLZH6YEFD2m-7nB9nzu6aT3SGcuEFiuWgHyiMBio8lYYRLfpdh2qyBsSQOjqW4nwa0oTceWgFgNanIPUK7O_RVRhppCLDoloXuK_CwsQRGiXrDGJIcCxAYeaaNAHIU1mW1PyjVm6OYe8/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPNPF4Lp2jufBvHeA-LOagMSMN60nfwAGIgobwTAxQUiYd_Y5BBp7_VVuPF2HvZ93yjb21jOl5P9YACAzbn9_yLIDc7_YLENx51KmQUvdjmbfyBzN8MLpGcDf4VmmgF_ERZkv9sSrZLZg/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSeLLpkDnukakAX9RfEjBQ22C9REAFFKr_ZCBhfTHier-wnrwiVf46BJvZSTQKQeKJGj_R4ajRimYASph8UkWdG9x8TsdyBQhado-5TF0Hf9bl-mfgSqxDLwAoKizmAFnEDGWppVQ9API/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4YYs2ySkucwxiP5QP4Y6g4ELpaSXUTNkKYS_cc7tNDyxuG5tkJhOuDN7FNQEOPZhZB73uzn9p1cQCHCWTW3rot24vb8u3YSCZRCMZOBVWDJHKAr-VzXhc3ZZeKH1PjZJdf5Eo_u1IbaQ/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLU6oRGvurEH6st6yb_wjR-juUvy3vuAOZANKSbskTfcLifhLKZG7tDracF4We2DRVOzA530nVCISm4jbjMw7rIAtc6QLF0hmxcQLuBJ7qJPm0iXEmiIfxzHU16YaCX7gFk6-F75htfBY/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidmcSKZhlxv8K5KVarAejV3ozXmvP5uFqVpTcu1XIaj_JlPgSE2W2UzggCUbt-Jh5H14gdpSrE9MpcLL02kYZ8Lmh-2rGdQiaJWg2RQL3CtIkGsZzCOMijDARqmVr2M-Jvnbdsfje-gXU/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdXwYvGw7DGk8H2K2ozZISSzg2nWLJMPvO8FLUjdTkaiL6F6CcL-hoXeRJSqYC3iQHnFOujiFE_EJJp_zvDPoaklw6uW-FJoJvLJXLm8ab1cpVhazuiyU5VWvepB7Z9Af5ca6zX5ZGjK4/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtPW8TG6Q6EQCbBfjeYdtP2T2H4OobE_bV_4335tSX2xyp7uTto52tYtJ4k-Dcc5Jot3XRgau6kepl2-4WsDgWWmbmPoQL23baiKjl-prprd0cxrKREQkHQOt5bnE_LVozjl5qJofym3s/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheDxO1wCDEepM8eF9GrAft6KdpO5h7b1VCZUNAR1kvUkOln2QBkhs97f4r69MM9-UnPu3Q655PLxJc-AnoTtX4nBXiLVtZCoG-t4ywdsiVljMuNvffH8vkqasDloY7d1Oe2C2wIoFCOe4/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyaDM3be8FT2kWthQro0RIycIEyoaWgL-ryOpDT_jT4ypZvaobA-w9slthxa32qMeNXWXQ4hL0DHMLMw6zoQcNVzoeTGk5RX5ubM74-sU41gxV7bJSqfstrxPqckte5S9n8G-4dh2jk7g/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCRBdXRSwvABDsvkxWfu6EFsUMvvXjqFdRLcs7xrDdee0r_xVLkVS32cZC-FNGJSEggPaU7UC1yCd_QQVogqa3M-Slwsxo77btkYhJZFeNqDYf70RMkISApI0492dJ_q6Un7fnBf2uzGA/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgTDOnbcNf-n1WYvShY2e1yRPT5mBB7ju8UCSEnR9cn5N_ii7SrjsxO8CWcN1HeuQmvz-6LUdApuzOX2eNC-uySv1FzgbTxSHVNbL6kn8-twHdy2GoAONBXr0Dzf390bPYHo0i-_14ss/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2BfonhToZhZgn0UGEx1lFEe8YIZLlFj_JOjKzV9l-6XTRoj68cPD0ZFeSCWsuzZKsqo30zM0atQePBIMGJhUovMaAZmLv-CEfDGWw3M8E5e-f8yssugnl3S-QTEuwZi5mOYPaQ83lCok/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>
Untuk memperindah tampilannya baik dengan mengubah background maupun memberikan border silahkah sobat cari code ]]></b:skin> dan letakkan code berikut ini di atasnya.
```
.emoWrap{ background:#ccc; border: 1px solid #333; margin:5px; padding:10px;}
```
Save, Selesai..