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

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

23:03:00

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

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> 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/AVvXsEgObx0g9mlngvPZ4XGUNqtdAHHJy-13QQrDHXh3z5fbqfgDyjPJDRMctTUsRf_MHMEhQHDPa7iUN2Snrx7SsNUEvRmbz1DLqnlF89wWlUfzr7JyOdpQygo-jb5tbQ_1jtHx5nHsY1Fpr_0/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHOCuhE33R0PfiUzQsJvRNbAMI-cdI1AQR-bLJkgJimdtnWl2nj35AU2PHGhsD6ClIU6XT0Y8Iu-4RYurg_Du0rq33PXS-_q2mWtd_VgVA4U5OY8vHkl4pG5PGm2qTJIInOxWKycGMQ_E/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi93KQeUEGlK_UfhnK-Fz5HHoaJ34h_s3rVn8HoW4S_315CjrS_OxEYK6fXalAV0Zg9wUoHWNHGaeHIhVaPFEKC47D2RMLU4_7Ire0strZ06-QR17XXg_-DK5T8Y9-FzaZNrrabCauzC34/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXmSgIEmoR3YgYjs7eYCg1xdCyVDO-njHW9zy2nZqXV8Z4FPjhOI_nCYocwMhUKq9nNB54kV-x50zFy-a4ySKiV30sNU4HoHjwSs5e8Gtd42EfQVfbZ51ILC_Hkrs8sNxko_2qPupDVvQ/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYJZoMuNkUEN4B-ao3rtlwjWQEANuZPyorXiumPOu9UknP1-AAKqynWNbrdYjv_Ymd06HlkVjtDL8f2rdDluNhdRGUVhyXPIE4XXjqdbSwhG0DNOg7z6ioFe5gNQDjZBPIbNeXPa7YL6w/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicjgopA6ZBLlN9cQDD4RmBXejU8Pj5TGrZwgkFCt1fJq6jFwAzme6P7HSxwmszwlL5Z8r1bBBzozUjIyyrZYyn45pkydsx62Kta_Rj09JDrQEE_ngdak454ty81XlL7iT4N0p80RIXDxo/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIoPdBTnGEsGQJWSiaeY9O-6GEzLjsoXRzcSPzDg3wfUrOOAgSgCzcptodFB3XMQuZ8rYZqRIEfaYcLmSJniOlffA07tiAPiNkl_1Aboru6PNvLtWYW9iTclKrnWtD0vMrkHYw6wBGBJg/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin8s_obznKDzG3fFR8OEZO1VnYCkfcsY_Hw4cJ1jg20zljO76ZRbgZqKpRY1n47lWI7RiEHzd7dcbzIREox9XI_STa1fNm-m3fhrmpoJKduQp0g8cnRiI_10GkK_u9znsufGkcuwmiKz0/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpG7EIH4aXqSyGVXHCXuOGK5JIkjx3g_vf8gm73xE-e9QTbQM1iq3M3o_yVWtZz0I3-MjuTXjhyphenhyphenGko18fylt6wjMXRyfwu5mBPrCTrEyGfekrIgmjuuwSYrYT-E1fCdbRYPkL8-TaMiAg/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieoFZr1Zc9ra1q1_aJnGPEkLFj6I_0WXxq1XxK2O0HoGSEtTKGhv7Xhg9zbX6CJGdfvd6ilIshxlY9ErMwEeXfhMYJzwnDZ1AgzEzzt_Af_4yc38uKW2meCt8iod48qrm418tpBZwnC3w/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLcDpHyBHa-Xalf9PRxJLEnZtr45gMn55gXmPVfvJyL9n-aFNdXig3bcqjesoFKjPH96A4pdWKCO4o4rzyEmbS0Onii4SyEIZNbImHyTBNK_sNf0kjn1yrDUgo5umus3ee8xGOEL_E-BU/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Qmp0hP0q4WTgOkeUSofnhMTSRh1jxTfs6ZdcoFJVsT4HLpm91CJ6J4QEiXYSBzNeAnuRpPj-gruvc4yg50ouy0_emvpD0iWFkA-UD0ZOYMbccmOJgH6rP75mgc-DKNmpAp4LFI9HEo4/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeMq1HGfZq-10mCG8geQQhBqw8U-ZNzJHYuApMXFtTBfmukCkoWcYfZEFWJVxwaQdxq-LAcTCfrPi_sDKr_U6gTjMw0C7HKoaiUt_RdwqoPKBXcgRPatRiah_RgRie4SZmqjCIxQrFzdI/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijY1_L0SHxCuuvPaqMOPBwv5iCKxnOVA4uclWeR1_3zObekDHXKv1eNEITJ66pqkPiMfv3nDuvR7C1vFtOHg4Ffajp-hbtAh4aOKy56wxRWyvSL8qptymO53LMnhV9SpJj1oyNDSUu-bo/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi24W7kuS1_wRfpLITcnBOkyTI15nuV_yWYnmHcAbcYTXwAaUtX2OU6OlKMGcA_3e2Wh_oEENC9-T-zIDvq2bHA415ADJdzSfARG_eIwUYCg2qsHVNR9X8VuakmIpUMtE5Jf9wrCUUX0D0/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinHRuPRxLDUwIdflsSLzY5xPvVwvxoSLvUNDweWZr7oLUff8O_ArL1xpTUVuo4onYyRnHOO955r-sGZp6WNnoLb_FqecMnCACrBcgA8akavhRmj3D6dB_INY5N9Ixg34apx56Vr5SE2OY/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhUm2BlajFnaz4FV9As7KWRUYSKXFH9gkrXQgFFPdp2kJJY1HcTVC0VMm3x8H2MZe1jiAiMJrdSpfn5xjRoiJ9NjtcU51UO7SoIkkwXcWn3w-KVdfmOKggzNzk5mLcRwxQbnPuOLp1pQw/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKyX9n9gmvsn6UE9oAKDjU-PPAIZV-ZxXIITQuwNJgdELPKUjlenolHP7g2_EguSilvkLVz9MO41eif-qoNVXlzX31L6Ex9eXFLbCoVFaoz4Ly9v4UoylalGBG-NAJiszRz_cf0kBv4bQ/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP5QTaLvTkWJElbgTMBoxjyTw0F4O_YKN-UHRndnDIzc7SplO3UJgxJGg9rnJlsAz-aDKGkmadOGl3o76y6EXt1a3Sfduz7jHbc4umndzGMFfCvYU4Qh2ZElaLgOnyVxkuCrh5uw5MUdc/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj73HhL-rQDj_X4JA878v6RiifnIDwZspDXO86xh1E-_AxxAGz8NwlSXFPYsRV5uhABBqAivxBDJUMZtwcAwoi-LqflRzAY9-lxn53DkSy-ib1dAKlh7iD4emBJOsuIgSEpJR2qKUtJLxU/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWd1ZdF8PboB_5Dfcbhwkr7f_aFvyYKctoMUnD_TAGuzae9rI854rIce5Z__wwXltkzWEm5zMeV2NUfq7dSgV-gU8DUITouR_m5HbJMVakoyltSu42hdvG4H0lfNCspaQHvJbQzc4_Hg0/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Ac_sJbwskJZuLXL7cDclm3GZS8Jr4xGcwlmuGO_KOJzGYozQqk9ZkSEUsjV7lIki4XDHdEF82-tPPec5L_Rpi6Xi5KjBvjZCIPZxpi-jfqtB7H_gi6AYOsrRv3YoJRExukZqTzhNlmY/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQYz1iShIfkG3HmzD1WEcko3Co74shyMKXagSr4MzHynOy3LBFW4P3ELm7GCZL2UknQAnuKuGzF-SijP7RRW0VIwZMrAKfm9_vTphNo4r9E1BWqrg8CGFgUjaTpXeggGZQGwTBuWa0OHM/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlfA2-sfPQtPnCbpDjaAQ4Ri6sdLjw5YW5Kx8AzCeIBwb6Ky4c1YDrBYxIXFJwEL0rz70SiaMI8qqjf6Uk2HtcdYdaHtQsG4NZCIDOO_T8ozEK9H3PK2KG4l6xD-TkW3DLNvOLmGIaMxE/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRINKuaBdh9uUcfhfvvfsdSgzpF-Rl1WFYvjGf0dLdSctk9ruIbL8ggraOipAxvE1AYURMXY8Jm3GflX2ztYoG51mRRHkilFcOiRDB2Lfi-gXd5fWEVSzxdP6-aurc7ztug5yl8GajVdM/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlRJwRUR-0oDlefBluNve5XaLwrpAMfBZRwua7Idf8u5AGuuYeEBfkcyqQtOvffC1M5ngda2438DudCOrJQmBdJH9dPPqBy9GRvVubOjnmSeuZcHxPC_e5C7cLWaHrt3otMZ4mu7IuZok/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU0T0H3UU4luMCZZY5dSATiq968scmOL0Dsl3K8cGwum2wP5-p-KLerhfLARzdXuVjBq0NZ2aFJdPtt4mMhagnWD36Feu2Ks-1K-TqHQqXchXYG_63NTTadb5_xiC717ZatvKKqsBAkgA/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRXX_Ipwf6tJG2SPyCai1fRWVB4Td1XoVQ3sC01IEbnGlcR2ckFni1Mnj8vE-BQKJhVegvlKaRZAMay4hfTxmB7rKChR-MoNWpAZq0zvpT3I3_NQs_YQfDbb72CG4OenIWYGjGMaRYqns/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWtmEFWATlzNC7stYx29J4rK_HkYMZc1vKgoodhmNHOx_ylLPb5bV6sNLDZfjSUfTFjsEq-oVxwkcBrFAf3WteUjVYCfc4zOSaegIWdaNSdG8dgxOCL9XoohmOgUP1Y_fODO6gKicjizU/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NpAyMvhzKV6aa1L6yGf79NhXYxbm5mLCeEmKuJaXRpGJstPukeZLpYoTkBYJnqA5_k_xHDAvm1Pq_YIf7m_mVLhnEi2vDAxnJcyGuHWwd4YicIGIFAtDkYyVk5zsmso8wTiKIKkHsIA/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLK9nOqerKZFajKw2HxarxDN-gYMHx2Rp2mDUCrDLNgg4cW6A7MRkJEPx8pIyk08BiYlDdOd9pON_bbWpCCQDfM3xPDjVMmA0BANi_VtQ6j5TUiwHPSRoLdhR0xUjE1kqygDKoakbWIeQ/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo-t7xqiMSRqnUbM7Lr2U18jVXBzex0C2dIVdzn69f5szyJ9n5AYabrll8xcDCv7dnj4QUrXl5cEawkuZL8nw5kr6jBsI1maGWYFy7auFckoEjRzoEvhUUTZ-s-B9ag7M265vwHo7-Qqg/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mTDSlHg3kjS_jWoJqxWlpWITlPsPxlV4LTNLoKXkSaJADjCR6Ph4m2gPYB9jbm9nDt3RZQK_6-diknN5cNbcaKsxzdQnva-1_jJ-SYKboYVKv6WUaZaRM-aDygGkxg7xNl8anot9Geo/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(s\m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLRVAlAhDyu_HZ37BVU5yOTbrme2rtZ5KeNH79JrDo4MvpjBx4Lu4xl2JxGdSG9HIrgPA7Ok7vQU_M30EKFU59hdBskRccBUgplLwxzbEJZ7wRZ5pWuJOSvbJyPm1Oo4XQRT05I3uciPo/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9aIDAjFE_Z2yCsp0KgW-EexLlGPvmp2l9q8WHO5ewKV2rpYnKJKZmJRrr7K653urs3p59yElngN4rN7ZAF0zem7euRFkElZJXHYlb7qxZ87gLJAZB-n3oPtnPvE_3NHuryhDPVFW8hQY/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBAQWrBK-nZF0oFxF3doLAaLfABiDPmRX3iVtdyt2-j1qWY3eK5lbuCQUKl0p7plSP72lRO2X7beaUuu2p6WBV5Vt0HhcjHSeYkC_31BlIycw2UAEW7uN9Pxj6cuAclTj0lyxesuFEqMs/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCJWuUSoPKJR9KFr0a-chFHBl0Thpjhg36duXAcouJfwzvWrZJ8NeWJRndr3qhSVfxwyXI4IYt8isMbmFQsiDaPZFJ2lj-8OEizxkqYxcASL_7FcBCuAaUjvrrOCNnO4_dXQyHHKTW1HE/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOFBZGGYJGAI7fiyCDxHik0hXfg9LjpaPsoH-CaRJH4PjUpMafBLwBENW7yuBDi4Mhsk2PW2yvc0nHt_akqehZrV3T_B9YtoALH6Z40p0MA4X2wv5iX0Qpk2NGjcSFYeNiWmAs4H9c1hI/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/AVvXsEgObx0g9mlngvPZ4XGUNqtdAHHJy-13QQrDHXh3z5fbqfgDyjPJDRMctTUsRf_MHMEhQHDPa7iUN2Snrx7SsNUEvRmbz1DLqnlF89wWlUfzr7JyOdpQygo-jb5tbQ_1jtHx5nHsY1Fpr_0/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHOCuhE33R0PfiUzQsJvRNbAMI-cdI1AQR-bLJkgJimdtnWl2nj35AU2PHGhsD6ClIU6XT0Y8Iu-4RYurg_Du0rq33PXS-_q2mWtd_VgVA4U5OY8vHkl4pG5PGm2qTJIInOxWKycGMQ_E/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi93KQeUEGlK_UfhnK-Fz5HHoaJ34h_s3rVn8HoW4S_315CjrS_OxEYK6fXalAV0Zg9wUoHWNHGaeHIhVaPFEKC47D2RMLU4_7Ire0strZ06-QR17XXg_-DK5T8Y9-FzaZNrrabCauzC34/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXmSgIEmoR3YgYjs7eYCg1xdCyVDO-njHW9zy2nZqXV8Z4FPjhOI_nCYocwMhUKq9nNB54kV-x50zFy-a4ySKiV30sNU4HoHjwSs5e8Gtd42EfQVfbZ51ILC_Hkrs8sNxko_2qPupDVvQ/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYJZoMuNkUEN4B-ao3rtlwjWQEANuZPyorXiumPOu9UknP1-AAKqynWNbrdYjv_Ymd06HlkVjtDL8f2rdDluNhdRGUVhyXPIE4XXjqdbSwhG0DNOg7z6ioFe5gNQDjZBPIbNeXPa7YL6w/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicjgopA6ZBLlN9cQDD4RmBXejU8Pj5TGrZwgkFCt1fJq6jFwAzme6P7HSxwmszwlL5Z8r1bBBzozUjIyyrZYyn45pkydsx62Kta_Rj09JDrQEE_ngdak454ty81XlL7iT4N0p80RIXDxo/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIoPdBTnGEsGQJWSiaeY9O-6GEzLjsoXRzcSPzDg3wfUrOOAgSgCzcptodFB3XMQuZ8rYZqRIEfaYcLmSJniOlffA07tiAPiNkl_1Aboru6PNvLtWYW9iTclKrnWtD0vMrkHYw6wBGBJg/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin8s_obznKDzG3fFR8OEZO1VnYCkfcsY_Hw4cJ1jg20zljO76ZRbgZqKpRY1n47lWI7RiEHzd7dcbzIREox9XI_STa1fNm-m3fhrmpoJKduQp0g8cnRiI_10GkK_u9znsufGkcuwmiKz0/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpG7EIH4aXqSyGVXHCXuOGK5JIkjx3g_vf8gm73xE-e9QTbQM1iq3M3o_yVWtZz0I3-MjuTXjhyphenhyphenGko18fylt6wjMXRyfwu5mBPrCTrEyGfekrIgmjuuwSYrYT-E1fCdbRYPkL8-TaMiAg/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieoFZr1Zc9ra1q1_aJnGPEkLFj6I_0WXxq1XxK2O0HoGSEtTKGhv7Xhg9zbX6CJGdfvd6ilIshxlY9ErMwEeXfhMYJzwnDZ1AgzEzzt_Af_4yc38uKW2meCt8iod48qrm418tpBZwnC3w/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLcDpHyBHa-Xalf9PRxJLEnZtr45gMn55gXmPVfvJyL9n-aFNdXig3bcqjesoFKjPH96A4pdWKCO4o4rzyEmbS0Onii4SyEIZNbImHyTBNK_sNf0kjn1yrDUgo5umus3ee8xGOEL_E-BU/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Qmp0hP0q4WTgOkeUSofnhMTSRh1jxTfs6ZdcoFJVsT4HLpm91CJ6J4QEiXYSBzNeAnuRpPj-gruvc4yg50ouy0_emvpD0iWFkA-UD0ZOYMbccmOJgH6rP75mgc-DKNmpAp4LFI9HEo4/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeMq1HGfZq-10mCG8geQQhBqw8U-ZNzJHYuApMXFtTBfmukCkoWcYfZEFWJVxwaQdxq-LAcTCfrPi_sDKr_U6gTjMw0C7HKoaiUt_RdwqoPKBXcgRPatRiah_RgRie4SZmqjCIxQrFzdI/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijY1_L0SHxCuuvPaqMOPBwv5iCKxnOVA4uclWeR1_3zObekDHXKv1eNEITJ66pqkPiMfv3nDuvR7C1vFtOHg4Ffajp-hbtAh4aOKy56wxRWyvSL8qptymO53LMnhV9SpJj1oyNDSUu-bo/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi24W7kuS1_wRfpLITcnBOkyTI15nuV_yWYnmHcAbcYTXwAaUtX2OU6OlKMGcA_3e2Wh_oEENC9-T-zIDvq2bHA415ADJdzSfARG_eIwUYCg2qsHVNR9X8VuakmIpUMtE5Jf9wrCUUX0D0/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinHRuPRxLDUwIdflsSLzY5xPvVwvxoSLvUNDweWZr7oLUff8O_ArL1xpTUVuo4onYyRnHOO955r-sGZp6WNnoLb_FqecMnCACrBcgA8akavhRmj3D6dB_INY5N9Ixg34apx56Vr5SE2OY/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhUm2BlajFnaz4FV9As7KWRUYSKXFH9gkrXQgFFPdp2kJJY1HcTVC0VMm3x8H2MZe1jiAiMJrdSpfn5xjRoiJ9NjtcU51UO7SoIkkwXcWn3w-KVdfmOKggzNzk5mLcRwxQbnPuOLp1pQw/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKyX9n9gmvsn6UE9oAKDjU-PPAIZV-ZxXIITQuwNJgdELPKUjlenolHP7g2_EguSilvkLVz9MO41eif-qoNVXlzX31L6Ex9eXFLbCoVFaoz4Ly9v4UoylalGBG-NAJiszRz_cf0kBv4bQ/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP5QTaLvTkWJElbgTMBoxjyTw0F4O_YKN-UHRndnDIzc7SplO3UJgxJGg9rnJlsAz-aDKGkmadOGl3o76y6EXt1a3Sfduz7jHbc4umndzGMFfCvYU4Qh2ZElaLgOnyVxkuCrh5uw5MUdc/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj73HhL-rQDj_X4JA878v6RiifnIDwZspDXO86xh1E-_AxxAGz8NwlSXFPYsRV5uhABBqAivxBDJUMZtwcAwoi-LqflRzAY9-lxn53DkSy-ib1dAKlh7iD4emBJOsuIgSEpJR2qKUtJLxU/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWd1ZdF8PboB_5Dfcbhwkr7f_aFvyYKctoMUnD_TAGuzae9rI854rIce5Z__wwXltkzWEm5zMeV2NUfq7dSgV-gU8DUITouR_m5HbJMVakoyltSu42hdvG4H0lfNCspaQHvJbQzc4_Hg0/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Ac_sJbwskJZuLXL7cDclm3GZS8Jr4xGcwlmuGO_KOJzGYozQqk9ZkSEUsjV7lIki4XDHdEF82-tPPec5L_Rpi6Xi5KjBvjZCIPZxpi-jfqtB7H_gi6AYOsrRv3YoJRExukZqTzhNlmY/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQYz1iShIfkG3HmzD1WEcko3Co74shyMKXagSr4MzHynOy3LBFW4P3ELm7GCZL2UknQAnuKuGzF-SijP7RRW0VIwZMrAKfm9_vTphNo4r9E1BWqrg8CGFgUjaTpXeggGZQGwTBuWa0OHM/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlfA2-sfPQtPnCbpDjaAQ4Ri6sdLjw5YW5Kx8AzCeIBwb6Ky4c1YDrBYxIXFJwEL0rz70SiaMI8qqjf6Uk2HtcdYdaHtQsG4NZCIDOO_T8ozEK9H3PK2KG4l6xD-TkW3DLNvOLmGIaMxE/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRINKuaBdh9uUcfhfvvfsdSgzpF-Rl1WFYvjGf0dLdSctk9ruIbL8ggraOipAxvE1AYURMXY8Jm3GflX2ztYoG51mRRHkilFcOiRDB2Lfi-gXd5fWEVSzxdP6-aurc7ztug5yl8GajVdM/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlRJwRUR-0oDlefBluNve5XaLwrpAMfBZRwua7Idf8u5AGuuYeEBfkcyqQtOvffC1M5ngda2438DudCOrJQmBdJH9dPPqBy9GRvVubOjnmSeuZcHxPC_e5C7cLWaHrt3otMZ4mu7IuZok/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU0T0H3UU4luMCZZY5dSATiq968scmOL0Dsl3K8cGwum2wP5-p-KLerhfLARzdXuVjBq0NZ2aFJdPtt4mMhagnWD36Feu2Ks-1K-TqHQqXchXYG_63NTTadb5_xiC717ZatvKKqsBAkgA/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRXX_Ipwf6tJG2SPyCai1fRWVB4Td1XoVQ3sC01IEbnGlcR2ckFni1Mnj8vE-BQKJhVegvlKaRZAMay4hfTxmB7rKChR-MoNWpAZq0zvpT3I3_NQs_YQfDbb72CG4OenIWYGjGMaRYqns/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWtmEFWATlzNC7stYx29J4rK_HkYMZc1vKgoodhmNHOx_ylLPb5bV6sNLDZfjSUfTFjsEq-oVxwkcBrFAf3WteUjVYCfc4zOSaegIWdaNSdG8dgxOCL9XoohmOgUP1Y_fODO6gKicjizU/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NpAyMvhzKV6aa1L6yGf79NhXYxbm5mLCeEmKuJaXRpGJstPukeZLpYoTkBYJnqA5_k_xHDAvm1Pq_YIf7m_mVLhnEi2vDAxnJcyGuHWwd4YicIGIFAtDkYyVk5zsmso8wTiKIKkHsIA/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLK9nOqerKZFajKw2HxarxDN-gYMHx2Rp2mDUCrDLNgg4cW6A7MRkJEPx8pIyk08BiYlDdOd9pON_bbWpCCQDfM3xPDjVMmA0BANi_VtQ6j5TUiwHPSRoLdhR0xUjE1kqygDKoakbWIeQ/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo-t7xqiMSRqnUbM7Lr2U18jVXBzex0C2dIVdzn69f5szyJ9n5AYabrll8xcDCv7dnj4QUrXl5cEawkuZL8nw5kr6jBsI1maGWYFy7auFckoEjRzoEvhUUTZ-s-B9ag7M265vwHo7-Qqg/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mTDSlHg3kjS_jWoJqxWlpWITlPsPxlV4LTNLoKXkSaJADjCR6Ph4m2gPYB9jbm9nDt3RZQK_6-diknN5cNbcaKsxzdQnva-1_jJ-SYKboYVKv6WUaZaRM-aDygGkxg7xNl8anot9Geo/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(sm\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLRVAlAhDyu_HZ37BVU5yOTbrme2rtZ5KeNH79JrDo4MvpjBx4Lu4xl2JxGdSG9HIrgPA7Ok7vQU_M30EKFU59hdBskRccBUgplLwxzbEJZ7wRZ5pWuJOSvbJyPm1Oo4XQRT05I3uciPo/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9aIDAjFE_Z2yCsp0KgW-EexLlGPvmp2l9q8WHO5ewKV2rpYnKJKZmJRrr7K653urs3p59yElngN4rN7ZAF0zem7euRFkElZJXHYlb7qxZ87gLJAZB-n3oPtnPvE_3NHuryhDPVFW8hQY/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBAQWrBK-nZF0oFxF3doLAaLfABiDPmRX3iVtdyt2-j1qWY3eK5lbuCQUKl0p7plSP72lRO2X7beaUuu2p6WBV5Vt0HhcjHSeYkC_31BlIycw2UAEW7uN9Pxj6cuAclTj0lyxesuFEqMs/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCJWuUSoPKJR9KFr0a-chFHBl0Thpjhg36duXAcouJfwzvWrZJ8NeWJRndr3qhSVfxwyXI4IYt8isMbmFQsiDaPZFJ2lj-8OEizxkqYxcASL_7FcBCuAaUjvrrOCNnO4_dXQyHHKTW1HE/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOFBZGGYJGAI7fiyCDxHik0hXfg9LjpaPsoH-CaRJH4PjUpMafBLwBENW7yuBDi4Mhsk2PW2yvc0nHt_akqehZrV3T_B9YtoALH6Z40p0MA4X2wv5iX0Qpk2NGjcSFYeNiWmAs4H9c1hI/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:

Next
« Prev Post
Previous
Next Post »
Đăng ký: Đăng Nhận xét (Atom)