Chèn bộ mặt cười ngộ nghĩnh (Emoticons) dạng input cho comment của blogspot style 1

Bấm vào để xem demo: View Demo

Ảnh minh họa:

Làm thế nào để cài đặt Emoticons cho blogger

1- Đăng nhập (login) vào Blog
2- Vào Mẫu (Template)
3- Chọn Chỉnh sử HTML (Edit HTML) => Tiếp tục (Proceed) => Chọn  Mở rộng tiện ích mẫu(  Expand Template Widgets)
4- Chèn code sau trước thẻ </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 = "Click vào biểu tượng sau đó copy xuống khung comment";
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// 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  (sm)  (fu)  (ku)  (bg)  (lol)<br/><b><a href="javascript:openup_parseHTML()" rel="nofollow" title="Mã hóa code trước khi đưa vào bình luận"><span class="text_style">Mã hóa code đưa vào comments</span></a></b></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/AVvXsEijngd1ovrr0dgijcns0VVR4zRw7bJmnIpRPBKliLqRhK-l5wJiwYcBJaG1O5sudqJIsBNJCfq9Pky63zlwHZrfHGfhOTzGomJA24ULGCAPvib7uefWrmKuMMsVcgpjVophgFhZRz49QSk/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUmm1FB8djiqpxVuxckhUOcEJ1moEGdPJQR6-icl3lfD23EVBUuUfc4YiuFcT7nqM5CxDQvPpeUvekLFOhLUQ2ZX0DEbJrs8aeZZBmyXYR7-36Qn7szmn9CUio_7Kq_PTJo21floq19zc/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdSCcJCLPMwCuLePqwU_9XOIYLXGmagRhRob-rfRGMJHBT84eIEoH25EyxRn6JJA10v-K67q-QxP4wq1-Irft7EICZs35oqEhnmbOfMLyYMrVbmdSJeQX6Ay3LfJGKMzgNQR7Dz2VDQtY/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM7Fk9Dx9gw2u1Iao66cuPOm1V-RzU85sec4LC2fssiCp10yLHatImLk0GqL7VHUFAgRwFFN71kLiBAa9Ts3mfdkq_IYplHjjcHOp_Qpd7xQRykK5sNcfaa9Hrdk1iL7bMcXSno2ov9zk/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpFFi39aLKNqRUAzejGZAX8nC4c_GVhEn_4GgvLIiqXeBpJZ5mzUzCnjvdWAR5qEnFHTQISuCvvnYFhQjPatqc36H0EDOO6M11gYiowca6uzAmcV8Rg1FhZsHCrvvYwgkTdl1-inHs-5k/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7H1jXXYCG-aeWoGp-f-PqdJeh5nFapAaRtvJJA6zveqOW_awgbfiu20q_FYditnYO6JorBQbyFo4FTHnUzqBjTx4bZRIhyfaTTpd7UsizUTO4u9S8LVFod29NNJf07f_mVsvO9blNPWE/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhClhTi1ehkz7SZ6VM4awtD2yUA37b_g2feP3DejQvtbQtqO12fyLVU_TXU-2tEH0O_XM-VGmboDX7V86_el_rDNIYMTdFOnE9ZGXP71cDl5OAQLZ8rfGLDxu2xpIsnmxYQHRsC-018X18/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzg0gs2m5pV6G8N1AoAYB3eQr5AzY0RkNAWbk0POJ8hHME1xELiBq5ynbssTzsb4f3DZ_ZICEWDquvT_xYUh6uBmDd5a2pbuMZY5Yvdpr5OeiYt6jJuCjdBeF2VWIkwDsE7aRugcz9BIU/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgex8G4rnr8aMhkYvbWQLp9xBnZDdrc_rfqo_Ltsni-5975ZzGjaKkiD0-Gr-yuScQMDBi6MvX5t4vlrsQnwJX9owFqyr1U4NAMXRhRXVL8VeCEjFKdYKpiykegfL_gbiD9LvLEVRx4s_w/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6mUvvSwBVpy8_Bw-Yhf03RZ-VpnIGyIUVC_Xt2H3oDm0DluS2FaMb9v_uCCbTh0i1o_Y9PPxWzyCMMpnrelLDqqozsepCsfYbWrU1WWwx6V9xqcHdGKQJM86mlLEpeS0PtI4kegkA7KI/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtESfmtjQhfn1bO2ASFV9mRVxiiDVxJ7czJ10wyGVo0u9uRiZJrTwfZ22DpemgxIKnp4TSr3sa6QXLHBD7HSY5V0ujLzTwFOqptkzEQe28KAHJSOQ8gZmA4bqs6wVzm731exBgdsm44JI/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFWaP2o4hKt7B27PqI4R14liKPm-nzeTaGkQCQ-1cp2TKL3Szzx1xDwkzS23-6e13l3-2qzx14pR0_KjVSlIpL9x68ZTqkbBFMvhP75FbpcBd3PUIn76SKXieH_WnBVJRySkw-_9Szajs/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaNyj9JoBJ9tIYv4__8n5DySpU1josuh1ZxRF5DWSDNajO4aR4X-SDfH9Ov-t4bfWXcsodWsKypNHObg243VyNcV5ZFdsvCNjt7vZpsLQ-qUrUeaI5Sqz3cbOnEekd2LaLnicsnIirM5s/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7oOsf4DjlnT1ztd30ZOsyMg7UsCYNv2kaezBVZxgrN-Sl1vRxyNGY2I28BPxrqfmKgWFDaZvqzrbTldKwKKZVbjVCf4EeItfi13tNQkZbMv1znkuiu9K5ZL3PfoUWEycSmKFaVWWSGqc/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJPdLjG__VijfiYOJ40vc6lfL3mA7YI7-G1sN8RazCNGR6vt1It8QObVyjSy4H6nSAqjeoceXAmZ0rpI6uA1FmsFRzgGsrxkxypqcoxnSnuQUkp5MCzAE_-4v3IAcivqxQhMNgfZ6zDws/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibFpaCczq4guKxR-H8jMZG1hIl8-rUwWnw3Tis1v_V-iBPUsONjQJ0q3bTEUiYhUPFdiFFJrFM4Hvz6G7cmh4q478_CtFdB7C2nXsv-Ce_TNs1t_vbB127GMRhY4ICrH_B9KEi2SaWlFY/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEyewX_hWAkf5Qd66lpzuJyqgXVBYfB4-sW_Mbg2ji9YOH8iM1Rewlcl1MNEaIdUqpAHF7Dd0sGH06Wf4YOZN9d7RAHkVwYHNeP357asYApkmOL2Fi55-Cslae5SbzfdYWLpMUjX9IBLs/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Y_stIYTcJBIhBgZnqyshe9gR0DFMem_x798w8PuFOvloqiQcDxD8dXvc-ws0dOG2XWVEux0BIEfNwp0ScriroZUzkCUi3NAT021IbN2RE1FKknl4NFONw7ioze4eqPWwil2S_8_Dakk/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXUquu1hR0gFED5jgT7_pHvPpaQCHvoZTpl62iOyYzbl4j0B9CylyFGGzKc8iLXePX50eVRl6rb2krRE7rglwuRjUof018Y5XqelNBm4FCN04-vKi1UZksslttIcoXS3UHRgbpenMbtj4/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUlXG6suBn6b7YrS9Lu97SwDPyiEl20Jm3ETArCRLhaKQzLKyQK2-7jAvMyfy2ie-xEbQwv85HyqGcThwonHlfAnvH0DzrctsBgfh_q6C1ZTP3zXpUjeASmSrgej7_Q4K1YSmbz0cGtPE/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8C0J6agz1qJlmDwsO2_Mk6ixvAUlmyaQ8Lg5AQYZULDPVGs-l189hhMK8bVNgClDQQ-cm1So9dJ-XlfF3Afz6JEs8MlL15bYlSKdOVUcxM3mfNfXBpYSdRHzfrHLHkgrue9in1Yws40E/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgeoEjHrWNo4cmzWlWFgUjgSTGnwbJQN6f2YhjF2OtvJYgARhMLjLg4hHIeP6FxDnJAvR6d81SSyiCNCS5ctereZZO7LpWIA6_9ViIzTsqFnAsvxAnefukqliiBZAm6fUEsp-2086NH3g/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi28n4WGrXCXh4f1J4W80ofoeZoYk-IciK-PCcL76eqazjmLvUkFdq-jcJFw5hgTPpoccZA1NgO1XAlGSY0H5jp9KCsKzn_EeagoHcm8KOARf09AKOpskpbGt0J6KTnc-gJfR7cUzm6L5I/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGydROUrr6JBXaBPGtikM0dX-PBtAAUiWM79xOxgD-sc5e2pLue5nADhlCRMLouCIKlk7TsvpsLbHMHrwrhZjV4OEA-wMNgxl51lXkr3DdXuD77u8HsWuu8QuJfS3VQ3CCtO4N8NmnxQ/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCc-REbv0JvuBtPWgajABNXvPJ6nUQ8FD5wHbXaRgFjcpgc8efrACDTSGm5jqaogrqZliP_xKSxDxr1OMDMKyhytzk0-OJEw0Ws2nUGID46pB55JrU8XR1y3tfDP4F2DiXFxzqru8F21U/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkFHhaJjROJMEBnct88_UBF_CujJUavqzhXeEOoAmIqTw_qVneNRBgi2dFMGo-xj43M4tKXy2hLH7iyC-uq2QiDaZxVnIeJx8uNfAk29e__aQ8mkXJaw1ySxMFeLbJg_-LegiEgY5_iqA/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZc7eGyWKGaTBFtRy6X0Hs6NQ5xywTkAPCkzlxm9O0BCgRrdxwk0vkknVtvEmTVzHg3YThUnSmxe_-9VJreypQaiVjDU0_yX7NJzeqwZcX1i5lcytqaoAIO_wufE5rbXJ0Tai9PR3HnU/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig7eHHYllkxgtKIQ6L4zLL9ugYjFT7lmYo6PlHW0yK0KoZ0H975F-2TarchejvbwTeWqXoARsgMctAjs3hCkf9NAXn_1yeHbXLAi2A21kpDPwLyJF-AJOQRYOMy_ZtzIBwmqZQRkRjXPc/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv0EQ3hgG0Sz-4PPbozF_J3Loc6iQFDUTK9VuxJHQVfKNpM3OE3kjsZndN8iviAB7VP3_UJ5ZQHOLo8TO02WBm360ZcsYQhNCENQsFMG9WEWJTeRMsz_G5I-cMbNoQxCWJqAHB7ksklVQ/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8g0psMGiFZDkoLQ29E1Rirkojg1W6ORPu3fzIWx0bXZwPquI2TeyVuW6U0wG6GsewbDy39DFgHCJgyj_7lhi9Detfinjb6STcWRQyGuIa_RvQdcqyX7hbua183LJDsiXyNWzZfPyJ7jI/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYMJW4v7dZZ6SwkEqW84WZZV1Ns6_Cu-LSJjDbMAZnrr5Rxp1gRPJM8xPgIshUoZDh_wEVagXOZ2RzM3dIUgaGi4t5Gojui9urcS2DB563zxGLzalME8KCEVA_Jcj56cyK21p_md_UQ9o/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlTbJLin9sLXPXODeR57dqBKW8bW6Cb0Sxc6DlzCYsg3nfkRCb6TaACwPe571bTGNqCnlq10tJlm8CaahHQEE86ryxhyOoBRyos7cgkk4cSM2mX9P1x30DifCyIJ9-Dn7TK9rle-Vy370/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVO0pFGn7FcQiv7IrnMHJrDOEP7PRLKftqmWYHX99cKU6fheBPYqTmi52OqGedOFKTpJSOsztRs0ve6RqW4n1Do31RIKsz4CJb1Dp1vkWEh5r3DRPRNDenZ9X2F_SE8ljuyCDQtyxmVTo/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(s\m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE8T5IYQzrtHjoBcojlQz47kXzTIezv_-a2fqdRs6IAvYAGbUu0EMBNSbOne1S8wnxyp1QWMjFn3Emv04yZHVovTes9prH9cSh0UPX1pXjhYItTYf0C_AW4jYv8WpV63llT4j7DVa17w0/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhckRcLpXdfTjLz_u6eTvMaify8xEdhS5HNuTOefHXyeU_WrZhzwDdyZYpNHvil_hLxW4BL417NFhb2wzaXuihM4ck598ITA8kfGh9LYVa0WZdAXRTgf5vTIgNz8OEjYeGFHgJhdIYtJWI/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-9iASGo3_XanPLd_CEqlHhIzXavV0rFJpn3WiiWdHl92oV8ZhJwPiFl-9EPzXLUT9VhgPiVSXqf_-Pr0xqOefy_Epkuje5vqiMdRcYr0fCKJLBE3mO8W3X8qVPDy6_Kfs4p-JdclYXeg/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Y5AZWVz17aITuDkHDQbPZ7quQvmpsztupZnpM0EFJ2dHtjgQrmCnUmseIyQMvqRDEz6076pzz8RAFhSukER7OLo46lSKFfS-hcThS_Fg_zmZBrb5R5ekN8OfUCAJKDY195gOB3LeZ1k/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKlE-Dt8e7gOJzUu9zNkbWxYwPNfNmreEw3iXUm2_8n_3n56ExaNxsKQnh6xV3hdUBjNBIOQKxQtWsdsK3LyZ9R2Ole2AW_Ur_tqLYvp65xXioABAbdWxIeuf7mcWvPNnoKwAio_lNH7U/s1600/37-namkna-blogspot-com.gif", "(lol)");

// 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>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
 $('.separator a').attr({'class':'fancy','data-fancybox-group':'gallery'});
$('.fancy')
.fancybox({padding: 5, openEffect : 'elastic', openSpeed  : 400, closeEffect : 'elastic', closeSpeed  : 400, closeClick : true, helpers : {overlay : null}});
});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
 $('.separator a').attr({'class':'fancy','data-fancybox-group':'gallery'});
$('.fancy')
.fancybox({padding: 5, openEffect : 'elastic', openSpeed  : 400, closeEffect : 'elastic', closeSpeed  : 400, closeClick : true, helpers : {overlay : null}});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Chọn mặt cười sau đó copy xuống khung comment";
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// 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  (sm)  (fu)  (ku)  (bg)  (lol)  <br/><b><a href="javascript:openup_parseHTML()" rel="nofollow" title="Mã hóa code trước khi đưa vào bình luận"><span class="text_style">Mã hóa code đưa vào comments</span></a></b></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/AVvXsEijngd1ovrr0dgijcns0VVR4zRw7bJmnIpRPBKliLqRhK-l5wJiwYcBJaG1O5sudqJIsBNJCfq9Pky63zlwHZrfHGfhOTzGomJA24ULGCAPvib7uefWrmKuMMsVcgpjVophgFhZRz49QSk/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUmm1FB8djiqpxVuxckhUOcEJ1moEGdPJQR6-icl3lfD23EVBUuUfc4YiuFcT7nqM5CxDQvPpeUvekLFOhLUQ2ZX0DEbJrs8aeZZBmyXYR7-36Qn7szmn9CUio_7Kq_PTJo21floq19zc/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdSCcJCLPMwCuLePqwU_9XOIYLXGmagRhRob-rfRGMJHBT84eIEoH25EyxRn6JJA10v-K67q-QxP4wq1-Irft7EICZs35oqEhnmbOfMLyYMrVbmdSJeQX6Ay3LfJGKMzgNQR7Dz2VDQtY/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM7Fk9Dx9gw2u1Iao66cuPOm1V-RzU85sec4LC2fssiCp10yLHatImLk0GqL7VHUFAgRwFFN71kLiBAa9Ts3mfdkq_IYplHjjcHOp_Qpd7xQRykK5sNcfaa9Hrdk1iL7bMcXSno2ov9zk/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpFFi39aLKNqRUAzejGZAX8nC4c_GVhEn_4GgvLIiqXeBpJZ5mzUzCnjvdWAR5qEnFHTQISuCvvnYFhQjPatqc36H0EDOO6M11gYiowca6uzAmcV8Rg1FhZsHCrvvYwgkTdl1-inHs-5k/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7H1jXXYCG-aeWoGp-f-PqdJeh5nFapAaRtvJJA6zveqOW_awgbfiu20q_FYditnYO6JorBQbyFo4FTHnUzqBjTx4bZRIhyfaTTpd7UsizUTO4u9S8LVFod29NNJf07f_mVsvO9blNPWE/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhClhTi1ehkz7SZ6VM4awtD2yUA37b_g2feP3DejQvtbQtqO12fyLVU_TXU-2tEH0O_XM-VGmboDX7V86_el_rDNIYMTdFOnE9ZGXP71cDl5OAQLZ8rfGLDxu2xpIsnmxYQHRsC-018X18/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzg0gs2m5pV6G8N1AoAYB3eQr5AzY0RkNAWbk0POJ8hHME1xELiBq5ynbssTzsb4f3DZ_ZICEWDquvT_xYUh6uBmDd5a2pbuMZY5Yvdpr5OeiYt6jJuCjdBeF2VWIkwDsE7aRugcz9BIU/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgex8G4rnr8aMhkYvbWQLp9xBnZDdrc_rfqo_Ltsni-5975ZzGjaKkiD0-Gr-yuScQMDBi6MvX5t4vlrsQnwJX9owFqyr1U4NAMXRhRXVL8VeCEjFKdYKpiykegfL_gbiD9LvLEVRx4s_w/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6mUvvSwBVpy8_Bw-Yhf03RZ-VpnIGyIUVC_Xt2H3oDm0DluS2FaMb9v_uCCbTh0i1o_Y9PPxWzyCMMpnrelLDqqozsepCsfYbWrU1WWwx6V9xqcHdGKQJM86mlLEpeS0PtI4kegkA7KI/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtESfmtjQhfn1bO2ASFV9mRVxiiDVxJ7czJ10wyGVo0u9uRiZJrTwfZ22DpemgxIKnp4TSr3sa6QXLHBD7HSY5V0ujLzTwFOqptkzEQe28KAHJSOQ8gZmA4bqs6wVzm731exBgdsm44JI/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFWaP2o4hKt7B27PqI4R14liKPm-nzeTaGkQCQ-1cp2TKL3Szzx1xDwkzS23-6e13l3-2qzx14pR0_KjVSlIpL9x68ZTqkbBFMvhP75FbpcBd3PUIn76SKXieH_WnBVJRySkw-_9Szajs/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaNyj9JoBJ9tIYv4__8n5DySpU1josuh1ZxRF5DWSDNajO4aR4X-SDfH9Ov-t4bfWXcsodWsKypNHObg243VyNcV5ZFdsvCNjt7vZpsLQ-qUrUeaI5Sqz3cbOnEekd2LaLnicsnIirM5s/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7oOsf4DjlnT1ztd30ZOsyMg7UsCYNv2kaezBVZxgrN-Sl1vRxyNGY2I28BPxrqfmKgWFDaZvqzrbTldKwKKZVbjVCf4EeItfi13tNQkZbMv1znkuiu9K5ZL3PfoUWEycSmKFaVWWSGqc/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJPdLjG__VijfiYOJ40vc6lfL3mA7YI7-G1sN8RazCNGR6vt1It8QObVyjSy4H6nSAqjeoceXAmZ0rpI6uA1FmsFRzgGsrxkxypqcoxnSnuQUkp5MCzAE_-4v3IAcivqxQhMNgfZ6zDws/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibFpaCczq4guKxR-H8jMZG1hIl8-rUwWnw3Tis1v_V-iBPUsONjQJ0q3bTEUiYhUPFdiFFJrFM4Hvz6G7cmh4q478_CtFdB7C2nXsv-Ce_TNs1t_vbB127GMRhY4ICrH_B9KEi2SaWlFY/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEyewX_hWAkf5Qd66lpzuJyqgXVBYfB4-sW_Mbg2ji9YOH8iM1Rewlcl1MNEaIdUqpAHF7Dd0sGH06Wf4YOZN9d7RAHkVwYHNeP357asYApkmOL2Fi55-Cslae5SbzfdYWLpMUjX9IBLs/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Y_stIYTcJBIhBgZnqyshe9gR0DFMem_x798w8PuFOvloqiQcDxD8dXvc-ws0dOG2XWVEux0BIEfNwp0ScriroZUzkCUi3NAT021IbN2RE1FKknl4NFONw7ioze4eqPWwil2S_8_Dakk/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXUquu1hR0gFED5jgT7_pHvPpaQCHvoZTpl62iOyYzbl4j0B9CylyFGGzKc8iLXePX50eVRl6rb2krRE7rglwuRjUof018Y5XqelNBm4FCN04-vKi1UZksslttIcoXS3UHRgbpenMbtj4/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUlXG6suBn6b7YrS9Lu97SwDPyiEl20Jm3ETArCRLhaKQzLKyQK2-7jAvMyfy2ie-xEbQwv85HyqGcThwonHlfAnvH0DzrctsBgfh_q6C1ZTP3zXpUjeASmSrgej7_Q4K1YSmbz0cGtPE/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8C0J6agz1qJlmDwsO2_Mk6ixvAUlmyaQ8Lg5AQYZULDPVGs-l189hhMK8bVNgClDQQ-cm1So9dJ-XlfF3Afz6JEs8MlL15bYlSKdOVUcxM3mfNfXBpYSdRHzfrHLHkgrue9in1Yws40E/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgeoEjHrWNo4cmzWlWFgUjgSTGnwbJQN6f2YhjF2OtvJYgARhMLjLg4hHIeP6FxDnJAvR6d81SSyiCNCS5ctereZZO7LpWIA6_9ViIzTsqFnAsvxAnefukqliiBZAm6fUEsp-2086NH3g/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi28n4WGrXCXh4f1J4W80ofoeZoYk-IciK-PCcL76eqazjmLvUkFdq-jcJFw5hgTPpoccZA1NgO1XAlGSY0H5jp9KCsKzn_EeagoHcm8KOARf09AKOpskpbGt0J6KTnc-gJfR7cUzm6L5I/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGydROUrr6JBXaBPGtikM0dX-PBtAAUiWM79xOxgD-sc5e2pLue5nADhlCRMLouCIKlk7TsvpsLbHMHrwrhZjV4OEA-wMNgxl51lXkr3DdXuD77u8HsWuu8QuJfS3VQ3CCtO4N8NmnxQ/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCc-REbv0JvuBtPWgajABNXvPJ6nUQ8FD5wHbXaRgFjcpgc8efrACDTSGm5jqaogrqZliP_xKSxDxr1OMDMKyhytzk0-OJEw0Ws2nUGID46pB55JrU8XR1y3tfDP4F2DiXFxzqru8F21U/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkFHhaJjROJMEBnct88_UBF_CujJUavqzhXeEOoAmIqTw_qVneNRBgi2dFMGo-xj43M4tKXy2hLH7iyC-uq2QiDaZxVnIeJx8uNfAk29e__aQ8mkXJaw1ySxMFeLbJg_-LegiEgY5_iqA/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZc7eGyWKGaTBFtRy6X0Hs6NQ5xywTkAPCkzlxm9O0BCgRrdxwk0vkknVtvEmTVzHg3YThUnSmxe_-9VJreypQaiVjDU0_yX7NJzeqwZcX1i5lcytqaoAIO_wufE5rbXJ0Tai9PR3HnU/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig7eHHYllkxgtKIQ6L4zLL9ugYjFT7lmYo6PlHW0yK0KoZ0H975F-2TarchejvbwTeWqXoARsgMctAjs3hCkf9NAXn_1yeHbXLAi2A21kpDPwLyJF-AJOQRYOMy_ZtzIBwmqZQRkRjXPc/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv0EQ3hgG0Sz-4PPbozF_J3Loc6iQFDUTK9VuxJHQVfKNpM3OE3kjsZndN8iviAB7VP3_UJ5ZQHOLo8TO02WBm360ZcsYQhNCENQsFMG9WEWJTeRMsz_G5I-cMbNoQxCWJqAHB7ksklVQ/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8g0psMGiFZDkoLQ29E1Rirkojg1W6ORPu3fzIWx0bXZwPquI2TeyVuW6U0wG6GsewbDy39DFgHCJgyj_7lhi9Detfinjb6STcWRQyGuIa_RvQdcqyX7hbua183LJDsiXyNWzZfPyJ7jI/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYMJW4v7dZZ6SwkEqW84WZZV1Ns6_Cu-LSJjDbMAZnrr5Rxp1gRPJM8xPgIshUoZDh_wEVagXOZ2RzM3dIUgaGi4t5Gojui9urcS2DB563zxGLzalME8KCEVA_Jcj56cyK21p_md_UQ9o/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlTbJLin9sLXPXODeR57dqBKW8bW6Cb0Sxc6DlzCYsg3nfkRCb6TaACwPe571bTGNqCnlq10tJlm8CaahHQEE86ryxhyOoBRyos7cgkk4cSM2mX9P1x30DifCyIJ9-Dn7TK9rle-Vy370/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVO0pFGn7FcQiv7IrnMHJrDOEP7PRLKftqmWYHX99cKU6fheBPYqTmi52OqGedOFKTpJSOsztRs0ve6RqW4n1Do31RIKsz4CJb1Dp1vkWEh5r3DRPRNDenZ9X2F_SE8ljuyCDQtyxmVTo/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(sm\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE8T5IYQzrtHjoBcojlQz47kXzTIezv_-a2fqdRs6IAvYAGbUu0EMBNSbOne1S8wnxyp1QWMjFn3Emv04yZHVovTes9prH9cSh0UPX1pXjhYItTYf0C_AW4jYv8WpV63llT4j7DVa17w0/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhckRcLpXdfTjLz_u6eTvMaify8xEdhS5HNuTOefHXyeU_WrZhzwDdyZYpNHvil_hLxW4BL417NFhb2wzaXuihM4ck598ITA8kfGh9LYVa0WZdAXRTgf5vTIgNz8OEjYeGFHgJhdIYtJWI/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-9iASGo3_XanPLd_CEqlHhIzXavV0rFJpn3WiiWdHl92oV8ZhJwPiFl-9EPzXLUT9VhgPiVSXqf_-Pr0xqOefy_Epkuje5vqiMdRcYr0fCKJLBE3mO8W3X8qVPDy6_Kfs4p-JdclYXeg/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Y5AZWVz17aITuDkHDQbPZ7quQvmpsztupZnpM0EFJ2dHtjgQrmCnUmseIyQMvqRDEz6076pzz8RAFhSukER7OLo46lSKFfS-hcThS_Fg_zmZBrb5R5ekN8OfUCAJKDY195gOB3LeZ1k/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKlE-Dt8e7gOJzUu9zNkbWxYwPNfNmreEw3iXUm2_8n_3n56ExaNxsKQnh6xV3hdUBjNBIOQKxQtWsdsK3LyZ9R2Ole2AW_Ur_tqLYvp65xXioABAbdWxIeuf7mcWvPNnoKwAio_lNH7U/s1600/37-namkna-blogspot-com.gif", "(lol)");
 
// 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>

<div class='cleared'/>
<script type='text/javascript'>
function openup_parseHTML() { window.open(&quot;http://namkna.blogspot.com/p/code-convert-for-blogspot-chuyen-doi.html&quot;, &quot;followblog&quot;, &quot;height=700, width=630, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no&quot; ); }
</script>

5- Lưu mẫu lại.

- Lúc này khung comments của bạn đã xuất hiện các biểu tượng mặt cười nhưng chưa di chuyển khi Trả Lời comments nên không thuận tiện trong việc chèn mặt cười vào comment.

Tùy biến cho mẫu threaded comment của blogger.

- Bước tiếp theo sẽ giúp cho khung mặt cười trên di chuyển theo nhận xét.
1- Vào Mẫu (Template) => Chọn Chỉnh sử HTML (Edit HTML) => Tiếp tục (Proceed) => Chọn  Mở rộng tiện ích mẫu (  Expand Template Widgets)
1- Tìmđoạn code như bên dưới.

<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
   </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>

- Thêm vào sau thẻ <b:else/> (phần mình tô màu xanh) đoạn code bên dưới:

<div id='threaded-comment-form'>

- Thêm vào trước thẻ </b:if> (phần mình tô màu xanh) đoạn code bên dưới:

</div>

- Xem hình minh họa dưới để thấy rõ hơn:

2- Tìm đoạn code sau:

document.getElementById(domId).insertBefore(replybox, null);

- Tahy thế nó thành đoạn code bên dưới:

document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);

3- Lưu mẫu của bạn lại và xem kết quả nha.