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.

Ảnh minh họa:

Làm thế nào để cài đặt Emoticons cho blogger1- Đă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/AVvXsEh1fHYCvt2r_Bxw4aePwTQaz4Jk66gvIH94YM969zt8vk2cJShnmSZSRweanCljAKYgWYF5NEtN5UAej1r8uKhLxSuLQX_WzuOPkFI5qgVC1YEDY3c-EHitloeQog28h9UJ2Ylb_V7I01Q/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEier6KdMmcpaK_sYbjfu9rJDo45sCagGSeb4fMDk8wIKfIXzI24xvbuCgT2GR5kqurc_aTJiRJdMM6ojPET7U6lE0Jr45Bqcaj3qkxQR8mm4Bh_TNHwIVjMcMEYJN6icj2jWwHm0-WzcMI/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGRTFCZHpm5GAggQWMevMA1-uD8ZBrxV7Q3Oc6QX8p0NAxnbFPnNiVt9CDMMne-VPupHbwkw32Xu8kb1ZWljzyOJ8DSrvkB9TVefpFKEOUEffm8XZt9mqiKuC8g4sZx6Fw58U9aSxXBEU/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgenBNX-ZdQwORWFemzb_akH5rPY-SOapIsY5UTXRBXJvJkga59JJmEzh7naqrtKpWLUYqwC-RhDTcdLYSGFd7CTdY3fHUh9Z1RcGc1x61rsw1dEYiV3Oxz_2QXwjxkGKH1ZirkcP67Lc4/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhibdC75Pgh3iofyEqdht4z2D6H4a03wAtM5NrSh-CAto_EfpdceDWtzRY6fhl2D8zrTqJ4daJa1rdKD6u78pvkoeNzEvQsExmi-oj3rHvuI17WB5rYsmWWe-Q0gaYyFvvCpQQWyQElZik/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRCwR7yV09MBsWX-gxZOiJk83VW1cvIKQOqImJDSH01RM5pFJLIO4jLSCiaGUoU2BdTTlHDJ5XP2sV7CKTL9GySKSJVPYoKjMWVCSTynYL09rdvoG_4a-sWwVWlXLIuwABoSNXO63lhlE/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXOgKL3ZnM1T9FO4283d5XA0KaVketsZLgMe8EcmwWyP7gdpDNmRAcvgUfxArTaTw5wyI0UfDW7DTrJPGqhYZd-TSAKFmzOwRX5elIghSIJ_ouOQTMqwt0IFfl1TfiXaZa8RTx-TFACo/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfMdmXlCFzzLLpiAwGOU2v6iGo36ANtX9U6RBWAjU_7jGOY75VPQNLMk0u1TUg8ZO7uRaeBEhFxtBYsgYRwtEy9JfhrALlR33TbUFi79m8jj5VTeQ6Q2BWzuk6zeXJCOLJZBMUPlPZPY/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdDBn3wyC9zLBWVj3zE5pV68Rn2cL_VI5el1RFQ0y1r4vHOrxKw4Q7WIeF4f13XyBCnW7XTGOVv6HqOtVTMxWuXSYOttgkNA4hJ0PwPGdbK1aorBtXSWgsxATcq8oIoN64fCyi0NcwrtM/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpzo_jX4wsIvMC781hGBH_8xvVp0RH5VGLdd_unQcf25CtSwRKhSMU82JmBi-FCpj0nqQe_xM8_f8aMGRoCrBl0P-_lwZd3_RrdBK2WYVxquANDLzhNVB2Y0nlLIF51mbGENpVQpLdQbA/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd6ZSTKKlEmN87iPuAFoxwVRgYzgthvWPHf4FQz7GbjEzyYMQc1xFiXvMq6W5cOx401E1z05TdlD6U674XhJQcnrPpuxFBdPSQy8iV8_JiXhYftzADpJ62qfXZq5LoxGlRf1VlEF4zdRU/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyF5p4zrJYDeDjskXp0dzBI3C2EVPiRDZiaeCYjUGy9pfPZjZQAfuZfl25nP3L1N7W52vkMWGaSRmnLwlfkwJzZC0DKkQ4TrKAq-HRDdctGaEX4EYYGGd2ojC9TkKCfnF3-A-kHAt9fQY/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitwAOqj_w3ReJtR9_vH1c0qcyN-lsJP_U1SZdeuaGdj6ENYT4tQMXfvu1nQ9qvuA6CZU_pa5spBGjpxe4qg5tf4_f350DBYymKeSwEqczfAyVAdVWlBm1WXFQLQ-vE8kCPLVuPeejB5ag/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFwem0zCGeeTxSIxeBeOnsDBRVbIHiO3QPoqvRIsTKrWIhzbAO6HKk4hYHYUtwr2eYsKRR3pVL-revuT3YmhAbZl2XhEk2hoe3blCi8XCpjWfM5bwiCniPxYPqOP37Sq1RpWQvYG9fykU/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixZwSOOSfSDChKHLqN4qnio4ZsvEZxr5R0CIMHwUMoC9E0KnMCbBqKsf61k8gfeUzrRwNUYwH8GZB4h68zFNBjVN1sj9YXJhXQGO87Z8CY9irY1pfHGMrhgn8pJntrNJNNEWjnL1843so/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFkfeGyVE0ATkzF_fRCdKciLZ3PEf2JsAmlgNVSpT8-r319_5UdvvbMVMpfa-z3PRIFXv-OP8s4gcwcTSeaTnJLGIAuJvfTpUfkttNBj21e4LRMHaNR2u1F-jxoL5cR7P6a16zneg2OM/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9MeJ59coph9111yXA4fgObOu7CBXj4QInzcraLDTVOa3g4LdzarJoFq3kCI5GJPBr59b1TSxr78HTLxRi1JIgax2eNg9cbHiPL2bnlnXujzmn3jQQn3kLQt1UoPst0_rWlE6A2zgfeDw/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGyEldzOnDsO3aIzb9ciGFDrKMliTJ8OwkrWDFsaixeAIFmb29u6YxhO2lnRYGfmCInfla2MUICfsTUBoTUDn-sh9fhzE1ylhsMIpUSx1cnydYMwS8jUNbpqWrDPChxj9oZFMFvVK4WWY/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNPv_7DTsTBz0DtEyxqpLYX_2iAZLdH-fa0UxwxC3PMlGs3r61ML-4YrGxueApjkN7-HkM5mQfEY5x9rFXhGeRsTuZnc1cYbRX94cdj2ZJBoeW6vB4_H72XLWF39yshWooYmTXGXXgjlY/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLoL2PYhLTIzicMDSf2URt9Uu2j02ZwG8P1smAKNEfzRb6A9Vc_PnpBDnnmAUmfo45fmf9SzbFkQG8nRfSAfD19_Q7wfv95HhhF1NmlC1Hbsg3Kom4U8uY0ho3Cq6V7L-rfldphuD7Ce4/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRurRdLUkks5aZl97OjZjZMI9zpM1EMCgQ9me3E56ZMTMWF9WC5UQoM3YFNxBzgR4SmVAeFD5c6bsspQj9pHOuNSjEIS0P1Yo337eXimgxzMwSGhXragqqUEINGOgRmBEejYj07F7mda0/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdsgibEqU__QE2AutPJj9WbBCmXXnz2IuBSXXxTU81WsOILPAO2EK2vQexMLXZBFLcSd9ZKb56c_jmxLKGMeWP7FIpxpmgx3Q0Z-9ZXE6NSaUOlhYZOHgclQJUzWyX_34WXnoUaa4Ke0/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZg-RYDxC_J0psLgRom-2fg2CUuNDc2kZyqPxb6xZKApSP8IAefphRof4wWJc74tp9NeQFItpzH1N-wWamTwleS52oFMb4tJE0MF0O1LSZ2hiKd6YFFyWMD_c6UiHH-3dbjohH9E_rBC0/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl13IcIenzBIh0hocCHWcwAt4asQv_sk7fMQgK1a0yvu4WETjxHHSQ4Zf6FU7m56X7BfQdg0P_F4Xwq06Z0xs29nThkQ5tuex7FQ93xD6NPFd0i7h_WGb_RIM2uROOImjTvY0u7LrRUGk/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAJjJ3C33d-aNq2slqewJeZ2PBPCZ7xgksi4pYX2akK5Os7I5uM6Ck3XzH7u1P4qtewXEIRJri2h2z3nl0wLKwUTgNfHZVSkz79Ib_5UKM68uWfWoA-Yoc0D09T3tPba_GAd7AGi2wSvE/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxRbl8mLO1Atn-b4aYOdp5TYFHXAbEnnx9fgWcVTJItC1nV4IW76naxEpogD0fVsFeFmfmPicpJ2lsyJSfo9HRajIU-l1NOiFaybY6ovgUmI-ywJQ6prBhO5VbBJK1t4wt1vIESZ2pvrA/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhNAohlDzlcfRqGktvm6Gmpu1rqV5pfkzio7x9RX7rdd5Zfj1O6P-zeoyEQGXRbLOdkO9UC8CVBTfDmqOXn47E4v_JVTXfG2lhedoMGkVlfghJ7lbUeLO__eDBmPglZ4l5IxuOFQ39cM/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD9LamXf9f23FJgnCD8_glfnsSC2kfZNakCHjvh87xwiEjjSOXirDdIurIV4XPvvyYZ7uEizNlcnbE84qi6ARgTkODMAPGe-fp14_DzZgU6uhL6T6VnWtQVO9MJ9xiInZwmCD08-g7_ZM/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisnaZqLcJ3NcBoWwH0NhgoUO86-fkUOahdvweblB_jmJId5jExnilUoUhje0afKkbA4PE3CgvfZ3Cp5ugI780nfBK4gmaSw-KiEL_MG8V71sqAtE_Ny1HPiYGHYYix3wrGM-_TpoJyMc8/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiUwTqifoOO3NGdWerAopKX8RTSRSKmAaPC0wYnlscdrNpGYOixDN2rC37XJFN14gwon7LjQawW-nVxl8-RHx6H91cQWPZItQMxDX4m4hpkVFlHv3EyBWwrk8C_D8phbAwIwgzfdnPIxE/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgOiU5TMDcjZ6th5KWZozRW2nQRiOk8ao-Nnkg-raE17peh1j6AEq9tR419yxwaFsobISRIMCKvqdhmoPisPyv44dLX8xR5hsWR3O6LPJGatVP8VS7gDlC16pQFSx6o4NOKfGl9z3MKnE/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHqQdrtRTDfTwarrIWw07ytWSZA4Fs-SlRNCSdr_7tdRCU7P_vatGe97iHQIM7q-WC1iVMhjhGmOWMw-xKU1IDqVg8KoNzGWybynnllhAJNyAn39OqjFu_P-oh13S_VovmiVYdSoyU0g0/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtBMdAlRjaWpXdRM2yEkz1DZ_oA6uRDVPnla_BfVMtEIvQj0njzxheGs4sPlH2-vawT8rRWsWtFxseF0-yrC-Q_Pc9onWAybti0M2Gu-oH-eiNoP8oba2Am6qQDMqihV-dFiu0fPWsXFQ/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(s\m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZOiOULlal9gvhyphenhyphenB8DrOMSkMnBb0Dbs8DH7k3hmawC5h8HSn_XC_hLOYxgyq8EafyHo3RI0FNvwEBYVW5o6F0hW5sK1oZjIrkO0wPliEG1OgBbNzHI8CrDwC0pDVKyHBBgIPLRiYr1kw4/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqy5Zq8WrKw_fBSJ-QKOpZI00oEbbsNBzmq6NRqEtwR0TYJUVFWa08ASaYFIRMmIuw8ywnWNcy956JfdnphTJMEF5N-XplX1SfC1ij-B8ZZt81XekAgQIL6IGqleof-XIR-gyK2EqinUo/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIwU7I6mL6k23-pkXDktagcezY_xpquXHHBnWZ4UMcpWz96Q0aFv1tX7Ak-txXiY2-PUaZ5MikhsXhit_wJ_CK9Uj5o4PXqdZCp5fiZEtQPpHjT3zYFJ3_v5qK3PPrpqIGsZ7Eu1h0u2k/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibfDXebloZqv8Vk57Dl5qEarWTnXfReeOcB2D340-Pxyo_ocDhE4maqZR4k76PGK8nDX8DSyBwe607l58o6ACFkxHfWt0VdERkQXWuZZ49p0itBi6wQv4nCEZ0DAQ20W4_Vzxu3VN6Uk0/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhinA_HjITnD0sQE8Bek0HqFSEMlQiVPcDFgXgJeRe9PaCqf9icWaZ9ZfIr5a4Yv9NdXwJxiHirbm9D8au4adNorKDt27vlP6EnKnYfm5pR1oQivQ4UvcukfGifTtR5aeEF9yLoMg8dNDc/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/AVvXsEh1fHYCvt2r_Bxw4aePwTQaz4Jk66gvIH94YM969zt8vk2cJShnmSZSRweanCljAKYgWYF5NEtN5UAej1r8uKhLxSuLQX_WzuOPkFI5qgVC1YEDY3c-EHitloeQog28h9UJ2Ylb_V7I01Q/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEier6KdMmcpaK_sYbjfu9rJDo45sCagGSeb4fMDk8wIKfIXzI24xvbuCgT2GR5kqurc_aTJiRJdMM6ojPET7U6lE0Jr45Bqcaj3qkxQR8mm4Bh_TNHwIVjMcMEYJN6icj2jWwHm0-WzcMI/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGRTFCZHpm5GAggQWMevMA1-uD8ZBrxV7Q3Oc6QX8p0NAxnbFPnNiVt9CDMMne-VPupHbwkw32Xu8kb1ZWljzyOJ8DSrvkB9TVefpFKEOUEffm8XZt9mqiKuC8g4sZx6Fw58U9aSxXBEU/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgenBNX-ZdQwORWFemzb_akH5rPY-SOapIsY5UTXRBXJvJkga59JJmEzh7naqrtKpWLUYqwC-RhDTcdLYSGFd7CTdY3fHUh9Z1RcGc1x61rsw1dEYiV3Oxz_2QXwjxkGKH1ZirkcP67Lc4/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhibdC75Pgh3iofyEqdht4z2D6H4a03wAtM5NrSh-CAto_EfpdceDWtzRY6fhl2D8zrTqJ4daJa1rdKD6u78pvkoeNzEvQsExmi-oj3rHvuI17WB5rYsmWWe-Q0gaYyFvvCpQQWyQElZik/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRCwR7yV09MBsWX-gxZOiJk83VW1cvIKQOqImJDSH01RM5pFJLIO4jLSCiaGUoU2BdTTlHDJ5XP2sV7CKTL9GySKSJVPYoKjMWVCSTynYL09rdvoG_4a-sWwVWlXLIuwABoSNXO63lhlE/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXOgKL3ZnM1T9FO4283d5XA0KaVketsZLgMe8EcmwWyP7gdpDNmRAcvgUfxArTaTw5wyI0UfDW7DTrJPGqhYZd-TSAKFmzOwRX5elIghSIJ_ouOQTMqwt0IFfl1TfiXaZa8RTx-TFACo/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfMdmXlCFzzLLpiAwGOU2v6iGo36ANtX9U6RBWAjU_7jGOY75VPQNLMk0u1TUg8ZO7uRaeBEhFxtBYsgYRwtEy9JfhrALlR33TbUFi79m8jj5VTeQ6Q2BWzuk6zeXJCOLJZBMUPlPZPY/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdDBn3wyC9zLBWVj3zE5pV68Rn2cL_VI5el1RFQ0y1r4vHOrxKw4Q7WIeF4f13XyBCnW7XTGOVv6HqOtVTMxWuXSYOttgkNA4hJ0PwPGdbK1aorBtXSWgsxATcq8oIoN64fCyi0NcwrtM/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpzo_jX4wsIvMC781hGBH_8xvVp0RH5VGLdd_unQcf25CtSwRKhSMU82JmBi-FCpj0nqQe_xM8_f8aMGRoCrBl0P-_lwZd3_RrdBK2WYVxquANDLzhNVB2Y0nlLIF51mbGENpVQpLdQbA/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd6ZSTKKlEmN87iPuAFoxwVRgYzgthvWPHf4FQz7GbjEzyYMQc1xFiXvMq6W5cOx401E1z05TdlD6U674XhJQcnrPpuxFBdPSQy8iV8_JiXhYftzADpJ62qfXZq5LoxGlRf1VlEF4zdRU/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyF5p4zrJYDeDjskXp0dzBI3C2EVPiRDZiaeCYjUGy9pfPZjZQAfuZfl25nP3L1N7W52vkMWGaSRmnLwlfkwJzZC0DKkQ4TrKAq-HRDdctGaEX4EYYGGd2ojC9TkKCfnF3-A-kHAt9fQY/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitwAOqj_w3ReJtR9_vH1c0qcyN-lsJP_U1SZdeuaGdj6ENYT4tQMXfvu1nQ9qvuA6CZU_pa5spBGjpxe4qg5tf4_f350DBYymKeSwEqczfAyVAdVWlBm1WXFQLQ-vE8kCPLVuPeejB5ag/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFwem0zCGeeTxSIxeBeOnsDBRVbIHiO3QPoqvRIsTKrWIhzbAO6HKk4hYHYUtwr2eYsKRR3pVL-revuT3YmhAbZl2XhEk2hoe3blCi8XCpjWfM5bwiCniPxYPqOP37Sq1RpWQvYG9fykU/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixZwSOOSfSDChKHLqN4qnio4ZsvEZxr5R0CIMHwUMoC9E0KnMCbBqKsf61k8gfeUzrRwNUYwH8GZB4h68zFNBjVN1sj9YXJhXQGO87Z8CY9irY1pfHGMrhgn8pJntrNJNNEWjnL1843so/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFkfeGyVE0ATkzF_fRCdKciLZ3PEf2JsAmlgNVSpT8-r319_5UdvvbMVMpfa-z3PRIFXv-OP8s4gcwcTSeaTnJLGIAuJvfTpUfkttNBj21e4LRMHaNR2u1F-jxoL5cR7P6a16zneg2OM/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9MeJ59coph9111yXA4fgObOu7CBXj4QInzcraLDTVOa3g4LdzarJoFq3kCI5GJPBr59b1TSxr78HTLxRi1JIgax2eNg9cbHiPL2bnlnXujzmn3jQQn3kLQt1UoPst0_rWlE6A2zgfeDw/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGyEldzOnDsO3aIzb9ciGFDrKMliTJ8OwkrWDFsaixeAIFmb29u6YxhO2lnRYGfmCInfla2MUICfsTUBoTUDn-sh9fhzE1ylhsMIpUSx1cnydYMwS8jUNbpqWrDPChxj9oZFMFvVK4WWY/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNPv_7DTsTBz0DtEyxqpLYX_2iAZLdH-fa0UxwxC3PMlGs3r61ML-4YrGxueApjkN7-HkM5mQfEY5x9rFXhGeRsTuZnc1cYbRX94cdj2ZJBoeW6vB4_H72XLWF39yshWooYmTXGXXgjlY/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLoL2PYhLTIzicMDSf2URt9Uu2j02ZwG8P1smAKNEfzRb6A9Vc_PnpBDnnmAUmfo45fmf9SzbFkQG8nRfSAfD19_Q7wfv95HhhF1NmlC1Hbsg3Kom4U8uY0ho3Cq6V7L-rfldphuD7Ce4/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRurRdLUkks5aZl97OjZjZMI9zpM1EMCgQ9me3E56ZMTMWF9WC5UQoM3YFNxBzgR4SmVAeFD5c6bsspQj9pHOuNSjEIS0P1Yo337eXimgxzMwSGhXragqqUEINGOgRmBEejYj07F7mda0/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdsgibEqU__QE2AutPJj9WbBCmXXnz2IuBSXXxTU81WsOILPAO2EK2vQexMLXZBFLcSd9ZKb56c_jmxLKGMeWP7FIpxpmgx3Q0Z-9ZXE6NSaUOlhYZOHgclQJUzWyX_34WXnoUaa4Ke0/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZg-RYDxC_J0psLgRom-2fg2CUuNDc2kZyqPxb6xZKApSP8IAefphRof4wWJc74tp9NeQFItpzH1N-wWamTwleS52oFMb4tJE0MF0O1LSZ2hiKd6YFFyWMD_c6UiHH-3dbjohH9E_rBC0/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl13IcIenzBIh0hocCHWcwAt4asQv_sk7fMQgK1a0yvu4WETjxHHSQ4Zf6FU7m56X7BfQdg0P_F4Xwq06Z0xs29nThkQ5tuex7FQ93xD6NPFd0i7h_WGb_RIM2uROOImjTvY0u7LrRUGk/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAJjJ3C33d-aNq2slqewJeZ2PBPCZ7xgksi4pYX2akK5Os7I5uM6Ck3XzH7u1P4qtewXEIRJri2h2z3nl0wLKwUTgNfHZVSkz79Ib_5UKM68uWfWoA-Yoc0D09T3tPba_GAd7AGi2wSvE/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxRbl8mLO1Atn-b4aYOdp5TYFHXAbEnnx9fgWcVTJItC1nV4IW76naxEpogD0fVsFeFmfmPicpJ2lsyJSfo9HRajIU-l1NOiFaybY6ovgUmI-ywJQ6prBhO5VbBJK1t4wt1vIESZ2pvrA/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhNAohlDzlcfRqGktvm6Gmpu1rqV5pfkzio7x9RX7rdd5Zfj1O6P-zeoyEQGXRbLOdkO9UC8CVBTfDmqOXn47E4v_JVTXfG2lhedoMGkVlfghJ7lbUeLO__eDBmPglZ4l5IxuOFQ39cM/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD9LamXf9f23FJgnCD8_glfnsSC2kfZNakCHjvh87xwiEjjSOXirDdIurIV4XPvvyYZ7uEizNlcnbE84qi6ARgTkODMAPGe-fp14_DzZgU6uhL6T6VnWtQVO9MJ9xiInZwmCD08-g7_ZM/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisnaZqLcJ3NcBoWwH0NhgoUO86-fkUOahdvweblB_jmJId5jExnilUoUhje0afKkbA4PE3CgvfZ3Cp5ugI780nfBK4gmaSw-KiEL_MG8V71sqAtE_Ny1HPiYGHYYix3wrGM-_TpoJyMc8/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiUwTqifoOO3NGdWerAopKX8RTSRSKmAaPC0wYnlscdrNpGYOixDN2rC37XJFN14gwon7LjQawW-nVxl8-RHx6H91cQWPZItQMxDX4m4hpkVFlHv3EyBWwrk8C_D8phbAwIwgzfdnPIxE/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgOiU5TMDcjZ6th5KWZozRW2nQRiOk8ao-Nnkg-raE17peh1j6AEq9tR419yxwaFsobISRIMCKvqdhmoPisPyv44dLX8xR5hsWR3O6LPJGatVP8VS7gDlC16pQFSx6o4NOKfGl9z3MKnE/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHqQdrtRTDfTwarrIWw07ytWSZA4Fs-SlRNCSdr_7tdRCU7P_vatGe97iHQIM7q-WC1iVMhjhGmOWMw-xKU1IDqVg8KoNzGWybynnllhAJNyAn39OqjFu_P-oh13S_VovmiVYdSoyU0g0/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtBMdAlRjaWpXdRM2yEkz1DZ_oA6uRDVPnla_BfVMtEIvQj0njzxheGs4sPlH2-vawT8rRWsWtFxseF0-yrC-Q_Pc9onWAybti0M2Gu-oH-eiNoP8oba2Am6qQDMqihV-dFiu0fPWsXFQ/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(sm\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZOiOULlal9gvhyphenhyphenB8DrOMSkMnBb0Dbs8DH7k3hmawC5h8HSn_XC_hLOYxgyq8EafyHo3RI0FNvwEBYVW5o6F0hW5sK1oZjIrkO0wPliEG1OgBbNzHI8CrDwC0pDVKyHBBgIPLRiYr1kw4/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqy5Zq8WrKw_fBSJ-QKOpZI00oEbbsNBzmq6NRqEtwR0TYJUVFWa08ASaYFIRMmIuw8ywnWNcy956JfdnphTJMEF5N-XplX1SfC1ij-B8ZZt81XekAgQIL6IGqleof-XIR-gyK2EqinUo/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIwU7I6mL6k23-pkXDktagcezY_xpquXHHBnWZ4UMcpWz96Q0aFv1tX7Ak-txXiY2-PUaZ5MikhsXhit_wJ_CK9Uj5o4PXqdZCp5fiZEtQPpHjT3zYFJ3_v5qK3PPrpqIGsZ7Eu1h0u2k/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibfDXebloZqv8Vk57Dl5qEarWTnXfReeOcB2D340-Pxyo_ocDhE4maqZR4k76PGK8nDX8DSyBwe607l58o6ACFkxHfWt0VdERkQXWuZZ49p0itBi6wQv4nCEZ0DAQ20W4_Vzxu3VN6Uk0/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhinA_HjITnD0sQE8Bek0HqFSEMlQiVPcDFgXgJeRe9PaCqf9icWaZ9ZfIr5a4Yv9NdXwJxiHirbm9D8au4adNorKDt27vlP6EnKnYfm5pR1oQivQ4UvcukfGifTtR5aeEF9yLoMg8dNDc/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.

Nguồn: Namkna

Admin Huỳnh Phụng

Xuất thân là Quản Trị Kinh Doanh. Yêu thích Marketing Online và trở thành Blogger với gần 1000 bài viết về nhiều lĩnh vực. Blog cá nhân http://toilaquantri.com

VNSHARE102

Nhãn

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

Related Post

Admin Huỳnh Phụng

Movies

Recent Posts