Emoticons input for comment of blogger blogspot - Chèn bộ mặt cười vào khung comments blogger
Hôm nay namkna hướng dẫn các bạn cách tạo bôm mặt cười (Emoticons) cho phàn comment của blogger. Với bản này khi bạn bấm vào một mặt cười sẽ có một khung hiện ký tự chèn vào blog ra và bạn chỉ càn copy dán vào là xong.
Trong tiện ích này mình kết hợp cả popup hướng dẫn mọi người sử dụng tiện ích khi truy cập blog của bạn.

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

Ảnh minh họa:
Chèn bộ mặt cười (Emoticons) dạng input cho comment của blogspot style 2

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/AVvXsEgnK5c5r3EMruFzEOGpGUsKX2gDAp96C8MlaZdw9jSyg1yY4MRIxEFZErkEhgCpQ9PMys7vHTEz1FZWiGYO0ys02950p6kVl9IQ6KnPFsbdnO_W-Z_gBkD2N3sMxJSciKF0bA-FWpIgYDc/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF87rVqnLRKEAGL2sS9LGgsb490NXy93jULCT9LC3Dv4IJa8DO0YEunjCk2HBeIS9o38KH_dVqYp4DiTXbhyphenhyphenYnMW5QMdyA0dGI7Uooo_vuJRLFQqHUVP-m33e6b62PV1osONf9BsnrESA/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMsQHJzSt-NwPus0sO0N3ZwBKm4C0iionXNpbk2gJbFUn2eHQdlTXG2T0mXk_C0sRUlOiCXMFdb1IMq7NZ766c1f9F0VuWj3bd6wK-jBT1GL2gjsJzTq2CDDudSwcydgGtIv7-Mnd1Dy0/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjIY7PDfk24I_JoSfX-t_jtUp1wHQo3UHhIURUwTVxasNGOxkeQFecizOpmaU2VBJk7fyyQirSd3x8EZ99l3kW1X61I5JcXlKknYDUJPVhwlua9avjc2IP8rVWicjhktaqR5TId4PpWQE/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6UIYI6LCtVYbP3ibnKk4jiqfjwSaIKKlnLhcV5eAIJ8bZxvKAuJJ_Nw5ZB6OKiBS_A6bZISqjJL-2eriUPu_8l0Mw3fIwWcj9tR5eTJ0-sUdb6G3D0MHOnRdQtfEXIll7ceH2ZRnPkUw/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNJUusfgLedtSweiTEl3FjawWNU39oSaGibPUpzBujt7OqWgJ_qD5neaCuX5txP_okjMZuLJO_xvQz_ocuDts05Ll9Uw9Knxw2kjGOhHda0ogIoZxCKY4kuAHWM0CS3AekPEHet4PoIog/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUkPvEbpp58-uFKw3ETG9-JVMuYuNfNX3OxhfUyjdATr26K5VgJQi-5jcR_1S7HvkcGcWg71hk3_8w_whW1e43mCMspFTXNKjeUoGkt_HA3J5WKCJhLmyT0WbFEz90lbuV2QJfLnVzE_I/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHsnlpt0V_N3k1_C34Mz3vMw_VZD15FCvfm6s1tZgRKhiDg54N6ttr22VbVKpnTVwxTUXRhvShtPmFINp9FEsh1_TDaLQ3ou-ikjSNjOLNjF8hhL8rwX6wQAocw8G3hYcTC4VIHlk1GIE/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMnqjiqwcpCGVcxenSYO-3LFDqenRQk0NBzvdXxVcWxW9purQI0lV8ERQ_3Nb31h9v1OJpIzMdnz2ZfvIq-uem1I3enLuEKTIDU1Arbpdsz61QdUIopFYM7g7pBoXFe0MZlEsSZxTva38/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPnGjYxKWaIKb9iXS9vlYd8bQvnS41npDnEdvWUmArUPtLeoIQZ2anQoBad2eVWHgYkFDfc2dsMoStwQk4fGDnzTbWlUZspLkdUQkFDfjW5neoflvnJIzJ6BvDWl_vI41_rXIdIl4Mmho/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwgt2Vl1zluYWeiVizhl1gueMDXia5zFWpFvEQ9vvhSoBmN2wjrq18cn2JJ2yGSEI7zLGtzYAA-ULLuN1eHrmkOsxbJRFJNhUzZcLeVyX6ftVlAA1fR5vDO46tbG1Slhue5uxOsnADakM/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHseADUVQaB1pvKtKyZiMAy3rRiFL4cIPk_YuewSuzVrAIhWlye9BWEXLfpPJLsSrd7jLsqdb7nfP53l9cD2p1DcM6gnBUcVbunU_w3z9IWZtMDOdTt8d5qTrMbVky0KdEPwAuCxmMWSE/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5S3RDyZS43CRnAwk1LxUDv7qgAc4Wf54UqESz5xk1C56fQnxsUI9vLTCSC2YUPURYJtcf1mBaaB7HwnHeMcGC6shYi4KNKQW8H02ubTXyJUqsDF38SQqeBh9Ekv469U8gIqxJk-a_u_o/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq4go1i-dmhUZcQSHguTRqee0bCUEiEQVcsewfayGLv_f0CGOBgdNLn7saUbZS0esB7u2bIqrBXLRE3qbDYrzb0mxhSi5JMs7jrd_bojo6OJ7WmdRr87FjlVixGXogZgEVkip_XhPwbVY/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTAsgKInJFJsufQBiXLS4V03WYoc_YNHQUSp1R5M-SZ94aaDNpLY5JsGmDU-Wu5SaH7OkKQ3-u5NTGzwsQSpZLVY3XWIn3E7UwCwAo5vHxWCxl6YoiUobSDTezK8iLuiW0SpLtIYrlHqg/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5MtgHOaye5LsbqxpNiL1Fd-LhzlroaRO_S_Z2MZDBQwXaK45_BeW4-kKD2VRCkVxEimWMM2LuJTY1j6U2Vmg1QWeEHWJcwYn6ww8zV_csJE4qJRkAnw9aNRSHlv-eePOWFHCSRGkd8As/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEviFqK6iKCCL6hye3y1_81CZLBzDEqaMn3fR1uT-apL4sFXz5xiJ3TG18yF7IBPu9RwJtypZsKEhZsOWqHsOESnosXrDiYSmkgs9OWlCnW5bV3kpi47RROCO6E7ERq5QbT8A9hcGkCek/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhemi4sRbcewc1QmO2GIH8rzUxjx9X6k5aydksFD_e3mgZs-2jEtZ4E-7Oln0xh4MInRg-08EHTzVD07n9KZvk2s7dm9hZjBcdlxfxqHpQnbFZ0mAMps93Z7t2HI4WQX2ngQJ8YqSFmJ-c/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifnpIbEq1tfqyO7hjSjI5-EtB5GrspxCMaAtYTzC7vJltIW3-QEt_iPcs3tx2vkNYEG8GFh-br9NAmzuMjK6eXJeXx30Y7_mZ4VWvByR6wwAidORLcCjUQCSaWim9USi2okXw31N1BBUA/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi__TOIBT8-TDWQQFQiKgMI79aWzSzf4iKOWBxnPaY8cB3T8-XvnEYELm3f-5wE_Z6gKNeu3nCYe6VIirg5dri0MHeSpGYnrI9ixRUW3BAEBWrsMVEdOjOyOm9YF2ItUCDuMky4w_OxWQE/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguKKJYkhvfSPOWDDU2uuxR856VjO0whRTVxyokYbZkbT7lLQkq2uai3o5ubO2He_b2pfrL0x5OLQyoRVFOpUCzSop3xJ7PctJRO5VE3oAdirJYH9ENSbBgE-GVAYwbpQR7nFHzT1kSI6Q/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJuO3TwrtqnvKMrU3IOEXsxhSg8x1JTPfwFYYF3f-Ts0h7gj4RH1suQ_E3WB7OLltrQBfF9hkI4XxN9Dfo97soweSYW1k11P1JQsTg4Y9jZznz7SUCv5XTUvpy18wROR1WA7v0gqUU3w/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4bnhGzbidJLcV1Hkl43TYdvKySb7EppBTJPslsbPbLxTyQWewVISmu4-0dOmQoogyjJrexxPA6QFlAFzOBH53Fb5NdcmmcNYaEDk7c4OQYsphwDr3agD-gHQYAo3SuE4pDOWeVWWaufs/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYyB423cK4K9cK6fkxmcG_kRkA0PpSHwMmL26ev4_1sn4GJF8FTkOoeG3MzpM7zjNW9f5DDWDiSS9-5r60ajQSaJCtmCjzof3p984FjpTvBXJl2-w3eWZ5r-UDojuYDnO64lmtcNng-GI/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDuxoZ_W6N2v6_0_q_4mEtDhJjNE2M3jfuw8-Vjd3fe0EIOGfq2c4pG2aJZ2VqIyflWLFq5gQORY37POgiCQnHZlla0gtDNQoG3UnDBnxNrS4oFCmpMTa2MqfUCm9iPRZdMlQhqHCLKwU/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7hJpPMUsngVTn3DZASwB7KutNV4HaRDzUpCchZGHlxpMsMxoXiHkNZWa6KyliqLEB2Til3dGFtC90L2X0AchhczwTPS3CdNkTEtJLfUNeibUwByhNLZdiS79mDTYjsnxoMiU_obIiYOE/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-DhhsbOVRIsfK0tzileGtFNjX3EjbU2EYE0ABTmRQ2rU-x-ZrFae7W48W4vLW3CxpHNvCUMFrrRd7eirLKwhjhISRv6Bf9gyHuwBppwGMc2TBsL0eLV8wSardIF943Q3e6UplvVtGgsc/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEEzVhry7Hkakho-3M_8jd-mOmiM2uHQg3x3GJektPGNZmGRptqJ04NgLu5ET4VlpqOxEjCHjiuo7gWtVfHigHpokaL43Sa3lgbZw8qXWXv74RCUxeSzRudhh_nJHPWlUVXa_m-2fdj0M/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUA81_sq38DwxyfynW9iBOQR8kXDSODFROGHeJrJdApaAwZS3xwI5BG2piL2e7f8m82sdGu7e_yDYySuPZRGYKWwDWgqGjQD1kW5Nd2AuCihnS0r7ri4k3RFLe7Tjy0dn0cC2YpCCzB24/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBESMdx8NGPCDy7Xb9B0R0z7k7GteYGoXwe-smqb-2z1ih_Bpr3Z98UcpLfls1ZVfHjeiGFqb3ky_gkin71cUGGLDtJduCuKNfDn4-dHOZ1Rb8MpsljNX3fmjRWO5h_s247WrOCtv3a3o/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtEwjuW_qE5D1XUxrR8_Pn4-7gTREkjHXj1obayDdrWxXRQKY7DUAmZXCf0ShWxo2U3FtvhqnTinRIwPdANlXPdalim2LG-ROYh5q3OP7ekSuELz0CzOZ1HPFFmnKy8B8xwntRvg2sqSk/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkxUJlXrczUwKV321ROPUJCl0MARpSYfrhjgpKxgIUrCLcx8i0Hpz0HnDryuntcC8iiU_WyoPzi3HfAGwjTnRLUPerptd0Q6azqw9J8fWG-hRMk4Tr3L_aFzMPLGDlhcCT7V7459py3_I/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizvnnvXJpfHdV7pH_geTvAlsxK1ViKun2SNaLY_pOmYmD-e5Y27n7WVnvgPS4-RNeZwhGK6xwK6jh6LFMaLaZUQ_xAmT8lYa69e9HXSP6gfukkIR7N_YbQqt1TQZk2ilATR1G-ngEzFlY/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(s\m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKqK0Ywxa97xmXiC9BtzE-WXpOq2k77BPK-Dab_YQKto9xltHC1hvnQsz89sP0y4dblf3pWOc5VxNx08HmLBWXrh9K0FEN0bWoS-mtraTOeSKkofvVSxYLb2GToYL2c8qHwoKkJ5tg_2E/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHIBj5Z8rAB5aHXz_UyxIWhgND2PQbZwjuqHTTWDUtR2vZLV0PCa6ddhatsxZ6CbQI8cMF7JpeBaLOmn4eD-D2braL728iLBF9plb27O8riU7IuoR9SzlzEt8qAHZrb-wGNE9zAcNnMcc/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0jb9RXrwsX0mLPw6yEYNnnC11oruk06cEv8hNatIHDwMtRYv_AFSyflswI4LV2aH9oJwTqQ8rzMP-Y4vMh37Q0hSJ4xfMJ6pkYIKIk8EiMNsPOwj9Rqc0FayHMYlRPBb9zx4ker-_pjA/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPGIyatak6Nw_qcAtoFtLFF4VgOuFtwqi5nWcYKKe323Z-ElvX0u1DDf130VLU8FoPfKtPyQJNVC4ijSRkP_DmRKi_Hwf-amY7LoHgtE8Moc8UohvdgaA2uwkZLV9MfnRyvzki0WtkjI/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPO9Ol1MgJO5RsC0J6xffPagFUANxlUCMkM1KC6k4NrsCEHn-yzY4H-IJPCDOa4ZbCj7XixY5zws7MP6X9QTuSazceO9Dh9WbW3rHWcLexfnm3Qt8-eF7goDtvbG7THgFLRCpfEWM_OME/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/AVvXsEgnK5c5r3EMruFzEOGpGUsKX2gDAp96C8MlaZdw9jSyg1yY4MRIxEFZErkEhgCpQ9PMys7vHTEz1FZWiGYO0ys02950p6kVl9IQ6KnPFsbdnO_W-Z_gBkD2N3sMxJSciKF0bA-FWpIgYDc/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF87rVqnLRKEAGL2sS9LGgsb490NXy93jULCT9LC3Dv4IJa8DO0YEunjCk2HBeIS9o38KH_dVqYp4DiTXbhyphenhyphenYnMW5QMdyA0dGI7Uooo_vuJRLFQqHUVP-m33e6b62PV1osONf9BsnrESA/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMsQHJzSt-NwPus0sO0N3ZwBKm4C0iionXNpbk2gJbFUn2eHQdlTXG2T0mXk_C0sRUlOiCXMFdb1IMq7NZ766c1f9F0VuWj3bd6wK-jBT1GL2gjsJzTq2CDDudSwcydgGtIv7-Mnd1Dy0/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjIY7PDfk24I_JoSfX-t_jtUp1wHQo3UHhIURUwTVxasNGOxkeQFecizOpmaU2VBJk7fyyQirSd3x8EZ99l3kW1X61I5JcXlKknYDUJPVhwlua9avjc2IP8rVWicjhktaqR5TId4PpWQE/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6UIYI6LCtVYbP3ibnKk4jiqfjwSaIKKlnLhcV5eAIJ8bZxvKAuJJ_Nw5ZB6OKiBS_A6bZISqjJL-2eriUPu_8l0Mw3fIwWcj9tR5eTJ0-sUdb6G3D0MHOnRdQtfEXIll7ceH2ZRnPkUw/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNJUusfgLedtSweiTEl3FjawWNU39oSaGibPUpzBujt7OqWgJ_qD5neaCuX5txP_okjMZuLJO_xvQz_ocuDts05Ll9Uw9Knxw2kjGOhHda0ogIoZxCKY4kuAHWM0CS3AekPEHet4PoIog/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUkPvEbpp58-uFKw3ETG9-JVMuYuNfNX3OxhfUyjdATr26K5VgJQi-5jcR_1S7HvkcGcWg71hk3_8w_whW1e43mCMspFTXNKjeUoGkt_HA3J5WKCJhLmyT0WbFEz90lbuV2QJfLnVzE_I/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHsnlpt0V_N3k1_C34Mz3vMw_VZD15FCvfm6s1tZgRKhiDg54N6ttr22VbVKpnTVwxTUXRhvShtPmFINp9FEsh1_TDaLQ3ou-ikjSNjOLNjF8hhL8rwX6wQAocw8G3hYcTC4VIHlk1GIE/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMnqjiqwcpCGVcxenSYO-3LFDqenRQk0NBzvdXxVcWxW9purQI0lV8ERQ_3Nb31h9v1OJpIzMdnz2ZfvIq-uem1I3enLuEKTIDU1Arbpdsz61QdUIopFYM7g7pBoXFe0MZlEsSZxTva38/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPnGjYxKWaIKb9iXS9vlYd8bQvnS41npDnEdvWUmArUPtLeoIQZ2anQoBad2eVWHgYkFDfc2dsMoStwQk4fGDnzTbWlUZspLkdUQkFDfjW5neoflvnJIzJ6BvDWl_vI41_rXIdIl4Mmho/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwgt2Vl1zluYWeiVizhl1gueMDXia5zFWpFvEQ9vvhSoBmN2wjrq18cn2JJ2yGSEI7zLGtzYAA-ULLuN1eHrmkOsxbJRFJNhUzZcLeVyX6ftVlAA1fR5vDO46tbG1Slhue5uxOsnADakM/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHseADUVQaB1pvKtKyZiMAy3rRiFL4cIPk_YuewSuzVrAIhWlye9BWEXLfpPJLsSrd7jLsqdb7nfP53l9cD2p1DcM6gnBUcVbunU_w3z9IWZtMDOdTt8d5qTrMbVky0KdEPwAuCxmMWSE/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5S3RDyZS43CRnAwk1LxUDv7qgAc4Wf54UqESz5xk1C56fQnxsUI9vLTCSC2YUPURYJtcf1mBaaB7HwnHeMcGC6shYi4KNKQW8H02ubTXyJUqsDF38SQqeBh9Ekv469U8gIqxJk-a_u_o/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq4go1i-dmhUZcQSHguTRqee0bCUEiEQVcsewfayGLv_f0CGOBgdNLn7saUbZS0esB7u2bIqrBXLRE3qbDYrzb0mxhSi5JMs7jrd_bojo6OJ7WmdRr87FjlVixGXogZgEVkip_XhPwbVY/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTAsgKInJFJsufQBiXLS4V03WYoc_YNHQUSp1R5M-SZ94aaDNpLY5JsGmDU-Wu5SaH7OkKQ3-u5NTGzwsQSpZLVY3XWIn3E7UwCwAo5vHxWCxl6YoiUobSDTezK8iLuiW0SpLtIYrlHqg/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5MtgHOaye5LsbqxpNiL1Fd-LhzlroaRO_S_Z2MZDBQwXaK45_BeW4-kKD2VRCkVxEimWMM2LuJTY1j6U2Vmg1QWeEHWJcwYn6ww8zV_csJE4qJRkAnw9aNRSHlv-eePOWFHCSRGkd8As/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEviFqK6iKCCL6hye3y1_81CZLBzDEqaMn3fR1uT-apL4sFXz5xiJ3TG18yF7IBPu9RwJtypZsKEhZsOWqHsOESnosXrDiYSmkgs9OWlCnW5bV3kpi47RROCO6E7ERq5QbT8A9hcGkCek/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhemi4sRbcewc1QmO2GIH8rzUxjx9X6k5aydksFD_e3mgZs-2jEtZ4E-7Oln0xh4MInRg-08EHTzVD07n9KZvk2s7dm9hZjBcdlxfxqHpQnbFZ0mAMps93Z7t2HI4WQX2ngQJ8YqSFmJ-c/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifnpIbEq1tfqyO7hjSjI5-EtB5GrspxCMaAtYTzC7vJltIW3-QEt_iPcs3tx2vkNYEG8GFh-br9NAmzuMjK6eXJeXx30Y7_mZ4VWvByR6wwAidORLcCjUQCSaWim9USi2okXw31N1BBUA/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi__TOIBT8-TDWQQFQiKgMI79aWzSzf4iKOWBxnPaY8cB3T8-XvnEYELm3f-5wE_Z6gKNeu3nCYe6VIirg5dri0MHeSpGYnrI9ixRUW3BAEBWrsMVEdOjOyOm9YF2ItUCDuMky4w_OxWQE/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguKKJYkhvfSPOWDDU2uuxR856VjO0whRTVxyokYbZkbT7lLQkq2uai3o5ubO2He_b2pfrL0x5OLQyoRVFOpUCzSop3xJ7PctJRO5VE3oAdirJYH9ENSbBgE-GVAYwbpQR7nFHzT1kSI6Q/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJuO3TwrtqnvKMrU3IOEXsxhSg8x1JTPfwFYYF3f-Ts0h7gj4RH1suQ_E3WB7OLltrQBfF9hkI4XxN9Dfo97soweSYW1k11P1JQsTg4Y9jZznz7SUCv5XTUvpy18wROR1WA7v0gqUU3w/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4bnhGzbidJLcV1Hkl43TYdvKySb7EppBTJPslsbPbLxTyQWewVISmu4-0dOmQoogyjJrexxPA6QFlAFzOBH53Fb5NdcmmcNYaEDk7c4OQYsphwDr3agD-gHQYAo3SuE4pDOWeVWWaufs/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYyB423cK4K9cK6fkxmcG_kRkA0PpSHwMmL26ev4_1sn4GJF8FTkOoeG3MzpM7zjNW9f5DDWDiSS9-5r60ajQSaJCtmCjzof3p984FjpTvBXJl2-w3eWZ5r-UDojuYDnO64lmtcNng-GI/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDuxoZ_W6N2v6_0_q_4mEtDhJjNE2M3jfuw8-Vjd3fe0EIOGfq2c4pG2aJZ2VqIyflWLFq5gQORY37POgiCQnHZlla0gtDNQoG3UnDBnxNrS4oFCmpMTa2MqfUCm9iPRZdMlQhqHCLKwU/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7hJpPMUsngVTn3DZASwB7KutNV4HaRDzUpCchZGHlxpMsMxoXiHkNZWa6KyliqLEB2Til3dGFtC90L2X0AchhczwTPS3CdNkTEtJLfUNeibUwByhNLZdiS79mDTYjsnxoMiU_obIiYOE/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-DhhsbOVRIsfK0tzileGtFNjX3EjbU2EYE0ABTmRQ2rU-x-ZrFae7W48W4vLW3CxpHNvCUMFrrRd7eirLKwhjhISRv6Bf9gyHuwBppwGMc2TBsL0eLV8wSardIF943Q3e6UplvVtGgsc/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEEzVhry7Hkakho-3M_8jd-mOmiM2uHQg3x3GJektPGNZmGRptqJ04NgLu5ET4VlpqOxEjCHjiuo7gWtVfHigHpokaL43Sa3lgbZw8qXWXv74RCUxeSzRudhh_nJHPWlUVXa_m-2fdj0M/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUA81_sq38DwxyfynW9iBOQR8kXDSODFROGHeJrJdApaAwZS3xwI5BG2piL2e7f8m82sdGu7e_yDYySuPZRGYKWwDWgqGjQD1kW5Nd2AuCihnS0r7ri4k3RFLe7Tjy0dn0cC2YpCCzB24/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBESMdx8NGPCDy7Xb9B0R0z7k7GteYGoXwe-smqb-2z1ih_Bpr3Z98UcpLfls1ZVfHjeiGFqb3ky_gkin71cUGGLDtJduCuKNfDn4-dHOZ1Rb8MpsljNX3fmjRWO5h_s247WrOCtv3a3o/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtEwjuW_qE5D1XUxrR8_Pn4-7gTREkjHXj1obayDdrWxXRQKY7DUAmZXCf0ShWxo2U3FtvhqnTinRIwPdANlXPdalim2LG-ROYh5q3OP7ekSuELz0CzOZ1HPFFmnKy8B8xwntRvg2sqSk/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkxUJlXrczUwKV321ROPUJCl0MARpSYfrhjgpKxgIUrCLcx8i0Hpz0HnDryuntcC8iiU_WyoPzi3HfAGwjTnRLUPerptd0Q6azqw9J8fWG-hRMk4Tr3L_aFzMPLGDlhcCT7V7459py3_I/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizvnnvXJpfHdV7pH_geTvAlsxK1ViKun2SNaLY_pOmYmD-e5Y27n7WVnvgPS4-RNeZwhGK6xwK6jh6LFMaLaZUQ_xAmT8lYa69e9HXSP6gfukkIR7N_YbQqt1TQZk2ilATR1G-ngEzFlY/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(sm\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKqK0Ywxa97xmXiC9BtzE-WXpOq2k77BPK-Dab_YQKto9xltHC1hvnQsz89sP0y4dblf3pWOc5VxNx08HmLBWXrh9K0FEN0bWoS-mtraTOeSKkofvVSxYLb2GToYL2c8qHwoKkJ5tg_2E/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHIBj5Z8rAB5aHXz_UyxIWhgND2PQbZwjuqHTTWDUtR2vZLV0PCa6ddhatsxZ6CbQI8cMF7JpeBaLOmn4eD-D2braL728iLBF9plb27O8riU7IuoR9SzlzEt8qAHZrb-wGNE9zAcNnMcc/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0jb9RXrwsX0mLPw6yEYNnnC11oruk06cEv8hNatIHDwMtRYv_AFSyflswI4LV2aH9oJwTqQ8rzMP-Y4vMh37Q0hSJ4xfMJ6pkYIKIk8EiMNsPOwj9Rqc0FayHMYlRPBb9zx4ker-_pjA/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPGIyatak6Nw_qcAtoFtLFF4VgOuFtwqi5nWcYKKe323Z-ElvX0u1DDf130VLU8FoPfKtPyQJNVC4ijSRkP_DmRKi_Hwf-amY7LoHgtE8Moc8UohvdgaA2uwkZLV9MfnRyvzki0WtkjI/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPO9Ol1MgJO5RsC0J6xffPagFUANxlUCMkM1KC6k4NrsCEHn-yzY4H-IJPCDOa4ZbCj7XixY5zws7MP6X9QTuSazceO9Dh9WbW3rHWcLexfnm3Qt8-eF7goDtvbG7THgFLRCpfEWM_OME/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:
Chèn bộ mặt cười (Emoticons) dạng input cho comment của blogspot style 2
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.
Theo: Troll VL