728x90
336x280

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

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/AVvXsEiMsglbMgA5ErjdAtTjdirTkdMmo3y1EQmRQLqC4TtrytGc8KzVLol-ilLGsHW56KbErOMv-nlDs1GgTkDEJN-i4-Iku2VBCEuVLNp-BD05YCh4CWhXlfo70VWH85wwrVsIazNaLmkK5KA/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMO_Ox6dPf7ZdJcA9nVjhK7xJL1YKH2TIxUvVgzKoAEQxfiunXaHk7j_NJZE6si9pmYQOJmHX761DQG4uv1NLJflt_qRXxEculshCNFkhNrYwUN8TfloSX6Q_1YiRjOluky5btK-BWKTY/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2JDoYmJbiAbOg7oQ7_Y-WDIFoCmQFVeoFwtE3murIeMSS74QlYZcrEeezIvVOPvUOFVFlfy6gLKsdXdUNZLHKpXcXeZhdNmWaMGL-yAvn9gYs7AbNaAxR0zEqR4zFVYsEZGfqYl2akcw/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpLzbFXuvMa3Nv-k5izx6jryh3WqHQxw3vgI38SnyieJIoGr6xkerRqi4HGW6EigWiolT0F-BV17RIE3Qou-ceZBe_rGmf4TzBBxRnFhnrU5XASzzG5Ek-nwTHI5YAoYBtdYlbtHlUOas/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUGLancs3uXXhxVsYLIqtARNXVdSMs9s_YJjzlmb80UW9CkbvpCdpfmvYlWEpOc44U3dpPRQUHJb-5ZD90S8OI8bvv7Yn2MWBQtfIFfGEPuqjgACLekP9uIsdxm6UuV6EtccQUm_zFoZs/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwIMnTLjYHZ6mW7pXeVwDhUluo4TO1dcY1Hi8Oei9R8ytwn4Z1qM_BJWDC5TO7_KXwIjvhDM0SiGhr8X9DdWRYiOeIClRpuTfjLwPbh2BSz7ETWn4JHkI3AKUqxsuLLLCs9ESdjLX8hEQ/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzZNChSl6z7vZwVQyZAA9j3Au9SWuoGD7FzVcPiIjsit0zfwui5DM4UvCxosHPBfqRVmZD-TIdBoNXRVZtBu2rEwF5eTMzGcLA3jqnlDaRg8Vr_Qtf0S_3qom7_AWmiBz_qvmdISqSb9o/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzO6er2BHAzOsDBR44Y-ra-25pOgq1skek8_ZfYsUfPlyQ9GYtzX1zEYo8P9Xnhv1nNTz_DAt8bfrNZVvF-5JdLahI4dj-S5CQDZ12n_P8eml15qGfuKhZCg_iS_cGubeoIoJr-bVigq0/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMTuA-HlMSdjKZyR8CYVXp_6jg0dZxNueOQ1P81pluqeXMs3kKdcZbTEewk7llEDZwebgla9yz7hhqetXQXyz4wj6Db5Xkha9sVjeLiD-g4lQhDbcDWMNYvQJZ90d9tX4gY7BUm54E0E8/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib0ZRqFDaVq77hotdaBZY2WyTh4InQkrPRxACDQxvXPyrVtdHwOZ-MBJ0t90l438CNhiu8I1qaFYey_FhdCLr8qk8LewC0ytEvCiHn9iDYMVsFoehwQ9XFj4ghxl01o9adi9jedb3EAKw/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRgx95_H-48r1OdfAT5hD-XxkJVKaRUzIDnaA4mhCUAV3JWuW_1dWhSovwcOQsNMjykFNEooBSBhdGRWh5jQGIy_jBBfYuaAqxVNnu2sqZLE4Hf75f92Ni0vnk8UrSLmzcevimJVUwK4U/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYXUZqszpbOouBFfxa6gbyRuB5t-NCw7f-UIIVPyFCzF-aoquPqkaKYO1dmLNeM5uCZFyKqBR2iVMBSmmqx1tlxY9e79U99pWtkx6fI5dvy5P1XpdoxH4qB00oAmc2Swc-m47i_YNUq2I/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73ocUBet1Hz7fFpsHf0tLAxDfZ2QFLYVurijit4BE3k6OGhe6a8RrUMs3XJfEkk0OfZ-Z0aSfqMbSh0oCQ3fJy9WPn4xKnCb6l0cvwSSunqQPIvYkCcYQXFMzzDoVe2SxEsmuTEhrIEM/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq50nLdirGqmJ45UfZf_4POYRhMgqnCKnFa6xoZOAdnrxPMBr6LmMQIuT_eJe3VP0kcpn9uOD9KazKXK3QJuT2IHCNA_9jfd0-1BODYqTInsbnPp3wJNSDebZxPi-d6vGo8Y5n3JSO32Y/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV_F_3kJzvA2_DMTcMR6v6sed2nbzLRaulQ_dMsdCVjmNXWpdXL-7MdBA9C_vn5HKpTliXKA4o3IfWfzoteOzrw2SUS-83UB_PTE3CftYWuQ6QSRd_WE3cDMye4JhqmD59iuHu9-j2-sM/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWLx_Jg9tgA9mgKb6TKaEWEnhqjEamq9GmBmOhPvT6VLA18Wgf5CNqkLkYavom1yFqggIpwWEP7bYf0y4qFlbB9hOqReDRlKFAkXYkTjYxZm9OAf9hXsD88fqvTMYO36gISjnk-dna-is/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjLj41ueTdSlgoNOOw-6MVVznC-8SDRNl4zOySiHLFxpMW5v_wiEH83kIThim-BSJzeXacd6-x8017hIPy082XFKxCoEvs0GBep_hYQtmQHAWoarcKzZazbRKZFfpHd5swtwGCxaqM8eU/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeZaXY8Zo1nrboNrEDprWGIbhujO0bXp7PH-SqvLWQLpS5sEyeAogAll9cHlDFv2kLKj13ymVL74MmfxGsTOtBHiKpR3D0_A00U9ZoYDGjmTzh1K_P7JRQurDK3bkoyatBOXoTOsi5HO0/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW-Z9dD8_A_gpZukmYcUxS_EEPET1omFHtTwHUGc-lBhMQJSYCOj4eql7LwQLyKnh431IDTKZxq6ThQKeLo4WZPblhVeA1DXDtfq-i1nFcw02mcoNLtNlLbfTa_1br8clIHUYcVvNwF00/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigba7d8fny3iPxTRwFnO3ph5zu2uGtFpnpclzKRR-gxbP_0XvD6GDb9cYe_Cy3fxioxMlM3XnDvBEc30ImCDeaMHDhWAG5LGIVaY3Dc4yFB-iaTJDtAX5aIWyA487qD281GdM45MNMIDk/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaX-N82i33r29Q1J83v5oNhyphenhypheng9GzJvGHkYDb2TisLBNRki0RAN6H_u7iP6xajzuW00v0HK7Y2Oe4zq-kGkCs1HTWBgyNCQr3pxVWxLthtuJVkCwRgijTTRlQmOmaGDzROcSQhVO5t_m9g/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCOQenzhGk9LtGZ4Q4GskOhtbjgtQ4hMFqaq9OVXEbHEwrqEeExH2pButz6JZfh2hVADugJWGWmJsRC6X2BU3q9n4_EL-IYadiRowBo5UUGZgLcuNQ9dbxO3EkbQWtjA_VU2HTxdKmNDU/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFZED4xdE4GJNcpebq9hFGQ1fgW_vJOBKRRIOOeTnAkROT4MpheahjExYNl-ZyiVilUrkE8po1R7whCl2mecYVyFp2HX-mk3ug9jIbggF3fW8aAHyhC5JufmJ_4f1AnRrXAi7MnHaCZPs/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPvlUjRhvPA2c5cEz_7lmJRM96cbsRtLQjKmWIMR7ppyqq0hFw_QlDBdKunq9xvqiPpLlkyoR6Uwhj52ZVdH4c8DjLSmnTw0Vl6lEWZEXOAjUERSp5O9S2cw_R2hdcEWl1EbRMZ1eyahs/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOWzRc2tFovPXArcd3IjlSqtkg6pFwTuxTo9CpwfXQKFPgJgXhpOvvrJcE9RNtbTTP0Bo4gZVXKxKELkzIc2o2VBElDM70MPPC9RrH3L4hmXnsuxM68k99xGLarQwAAcSIJfk2PUKUJ-g/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNsCkDvubFRZoJDLiEQ4lL_R1sK-5hk21HTolt4P-1fIQwGsgq2nBPH6zt6nEFWqjFOWBFYU43EPklXhJ2H_wJgFCJhl8d9HUnFdsE3xuHiikip7u08jvR7q1YFmbqS8HSihv4yF16Gl4/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxxud7gXyCqCsPGwcmAW4Gnql5A_WWGzq6tDGAMoHnR-u2Kz1LH6IbJ6yJNQVDDXswmG_K6cpWFGPYjRa7qiPbQ0HwsGC-8nzTw3DTEzpRScsvZ8T7diCJlx0z30nPzHOOHdAsUaFcr4/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfLLvQTPmfwbiGYoTdKVu0NgyfxBOyD9I04pYmERVDTJOfAuKwF4quo3utjUZIuKsqRXY2z8-vKUtRrwNuv1LoGjZL-Q5dpgpNJdfqV0Ib2TZqgL86BidMgTvxPnROLwwk_e7QRAS6eAg/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9fYkxj42mHTt7BNjn6yZ0gYb01AlTqcDyVoiXafJKe9GNZ7TlNukXArOTol4viA6ATk5-PlSvoNVgR8J_luALL-8MwP9kRJ6YsvTFOf-_clMk9ilTqfWMhCzILvgI5JuNycj5DUXpiD0/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1dZJsL0JjsrfPCIuGyGJhlElPXJp3zjBtlU9QMytkotKiaDEkm1BDqsP9yTNMeFHZQCry8uy-kkPqr3mKQGOdWX62OaqDswdBrEXC0VSMlLllceOvtG2j4CiBGg0V7ktRfSXc1-zRG2M/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1NHLUk4s3nzFFPfPhsb5D449Jomd3CAgTCxRh2UJKYa36kd4GE_XG4-dMZiLZ1LYJsSCfR3RvWlqfkhw-9f7qdiaplxTZKGq4SbUvyHbXI1pSdrOrjqgcmDkCtRbZ6ayEqNCDWxPd1XE/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5t-B_edtgAbBEA8IelM_R7FM-cET-Rfi36Zj9Tyg2X4vVccBwZUSi7FrPu-gAzB2TIPT-aifHwbMK0gGZaOpdKQkkON8xGh6oifKPkjgvNBlli4WVqqz6xy-nalH_zGa0Gm6zdSMfco/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk_OikH-MO33XMycNv3YgCLDnkpTBs3M4_jnznXf04Nzexn_8CC2tzgNuleXOHHeii_YzRKMdaLPxlIbEzOHnHG4o0PlMF-X0nnUmVmB09PGDZoZG8kT09twX2Q2vx8p4PuE2XyQL-u4g/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(s\m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFpvPpXl7Ap1WYH4unJ8syL-ttEQ0ijnu3G0Glr2NhXn7NhYiXPaHafBzgh59L3gH3QrBxcQmHnvSqU3nqjdbYMQ8bZ40plAEcIM3KUgSL09ogZ9QedyCPW58B8zdU8sDMAF5yjKbdMNg/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgot6Hh6ifGAbsA4XO22_ZAm6AhLOjmLSyWeQ-oKlsUvDApjeE7gaUTn6ra0cEamA9HpDQCH_uUSi6b-Fnvg3vmDEQHH_FaKAgEAPBqMCV-cGqbsBFpHwxeIAiP6xOgWcfiH54CJnno9mc/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5rLTNCmiamSuK7QFBumaIbqCODSyNgshtHwtLhpdbBaouM99XJZKjVgfeqA1OTUC7cmn8h-H8PwcXabjkLjZ4JZwnZ9HdX3g4pfdR4mhaPRZlQOCrprXs4FgswtvR7KIM4xTe7YOq99E/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqEE2SpqhoyXXtD0ZicCIS2kg0mgEGh3DkPC8Pyw3GE6BlaGbZ1RBk3LIWKdmVFvrsgnNU0g6b4DJJ7a8CEUHGquK89_S8f2cBv0s6bE0xg4MNqYsIk9qliz06BKqfDNPhLkWmxKMb_kE/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCpQZCGMvTV8ey-K6-iSU5rIuPVtDHcjBVylQjfv2dnhvE62Age_J7DsbmD2obfH1c01gCvEkzGdfNZeWA-eANhYe-hSe8uJBDv_6P6A5p3HWAtEbd_VHb6RaPPpgLKGdP6MHrO67HQms/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/AVvXsEiMsglbMgA5ErjdAtTjdirTkdMmo3y1EQmRQLqC4TtrytGc8KzVLol-ilLGsHW56KbErOMv-nlDs1GgTkDEJN-i4-Iku2VBCEuVLNp-BD05YCh4CWhXlfo70VWH85wwrVsIazNaLmkK5KA/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMO_Ox6dPf7ZdJcA9nVjhK7xJL1YKH2TIxUvVgzKoAEQxfiunXaHk7j_NJZE6si9pmYQOJmHX761DQG4uv1NLJflt_qRXxEculshCNFkhNrYwUN8TfloSX6Q_1YiRjOluky5btK-BWKTY/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2JDoYmJbiAbOg7oQ7_Y-WDIFoCmQFVeoFwtE3murIeMSS74QlYZcrEeezIvVOPvUOFVFlfy6gLKsdXdUNZLHKpXcXeZhdNmWaMGL-yAvn9gYs7AbNaAxR0zEqR4zFVYsEZGfqYl2akcw/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpLzbFXuvMa3Nv-k5izx6jryh3WqHQxw3vgI38SnyieJIoGr6xkerRqi4HGW6EigWiolT0F-BV17RIE3Qou-ceZBe_rGmf4TzBBxRnFhnrU5XASzzG5Ek-nwTHI5YAoYBtdYlbtHlUOas/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUGLancs3uXXhxVsYLIqtARNXVdSMs9s_YJjzlmb80UW9CkbvpCdpfmvYlWEpOc44U3dpPRQUHJb-5ZD90S8OI8bvv7Yn2MWBQtfIFfGEPuqjgACLekP9uIsdxm6UuV6EtccQUm_zFoZs/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwIMnTLjYHZ6mW7pXeVwDhUluo4TO1dcY1Hi8Oei9R8ytwn4Z1qM_BJWDC5TO7_KXwIjvhDM0SiGhr8X9DdWRYiOeIClRpuTfjLwPbh2BSz7ETWn4JHkI3AKUqxsuLLLCs9ESdjLX8hEQ/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzZNChSl6z7vZwVQyZAA9j3Au9SWuoGD7FzVcPiIjsit0zfwui5DM4UvCxosHPBfqRVmZD-TIdBoNXRVZtBu2rEwF5eTMzGcLA3jqnlDaRg8Vr_Qtf0S_3qom7_AWmiBz_qvmdISqSb9o/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzO6er2BHAzOsDBR44Y-ra-25pOgq1skek8_ZfYsUfPlyQ9GYtzX1zEYo8P9Xnhv1nNTz_DAt8bfrNZVvF-5JdLahI4dj-S5CQDZ12n_P8eml15qGfuKhZCg_iS_cGubeoIoJr-bVigq0/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMTuA-HlMSdjKZyR8CYVXp_6jg0dZxNueOQ1P81pluqeXMs3kKdcZbTEewk7llEDZwebgla9yz7hhqetXQXyz4wj6Db5Xkha9sVjeLiD-g4lQhDbcDWMNYvQJZ90d9tX4gY7BUm54E0E8/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib0ZRqFDaVq77hotdaBZY2WyTh4InQkrPRxACDQxvXPyrVtdHwOZ-MBJ0t90l438CNhiu8I1qaFYey_FhdCLr8qk8LewC0ytEvCiHn9iDYMVsFoehwQ9XFj4ghxl01o9adi9jedb3EAKw/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRgx95_H-48r1OdfAT5hD-XxkJVKaRUzIDnaA4mhCUAV3JWuW_1dWhSovwcOQsNMjykFNEooBSBhdGRWh5jQGIy_jBBfYuaAqxVNnu2sqZLE4Hf75f92Ni0vnk8UrSLmzcevimJVUwK4U/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYXUZqszpbOouBFfxa6gbyRuB5t-NCw7f-UIIVPyFCzF-aoquPqkaKYO1dmLNeM5uCZFyKqBR2iVMBSmmqx1tlxY9e79U99pWtkx6fI5dvy5P1XpdoxH4qB00oAmc2Swc-m47i_YNUq2I/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73ocUBet1Hz7fFpsHf0tLAxDfZ2QFLYVurijit4BE3k6OGhe6a8RrUMs3XJfEkk0OfZ-Z0aSfqMbSh0oCQ3fJy9WPn4xKnCb6l0cvwSSunqQPIvYkCcYQXFMzzDoVe2SxEsmuTEhrIEM/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq50nLdirGqmJ45UfZf_4POYRhMgqnCKnFa6xoZOAdnrxPMBr6LmMQIuT_eJe3VP0kcpn9uOD9KazKXK3QJuT2IHCNA_9jfd0-1BODYqTInsbnPp3wJNSDebZxPi-d6vGo8Y5n3JSO32Y/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV_F_3kJzvA2_DMTcMR6v6sed2nbzLRaulQ_dMsdCVjmNXWpdXL-7MdBA9C_vn5HKpTliXKA4o3IfWfzoteOzrw2SUS-83UB_PTE3CftYWuQ6QSRd_WE3cDMye4JhqmD59iuHu9-j2-sM/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWLx_Jg9tgA9mgKb6TKaEWEnhqjEamq9GmBmOhPvT6VLA18Wgf5CNqkLkYavom1yFqggIpwWEP7bYf0y4qFlbB9hOqReDRlKFAkXYkTjYxZm9OAf9hXsD88fqvTMYO36gISjnk-dna-is/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjLj41ueTdSlgoNOOw-6MVVznC-8SDRNl4zOySiHLFxpMW5v_wiEH83kIThim-BSJzeXacd6-x8017hIPy082XFKxCoEvs0GBep_hYQtmQHAWoarcKzZazbRKZFfpHd5swtwGCxaqM8eU/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeZaXY8Zo1nrboNrEDprWGIbhujO0bXp7PH-SqvLWQLpS5sEyeAogAll9cHlDFv2kLKj13ymVL74MmfxGsTOtBHiKpR3D0_A00U9ZoYDGjmTzh1K_P7JRQurDK3bkoyatBOXoTOsi5HO0/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW-Z9dD8_A_gpZukmYcUxS_EEPET1omFHtTwHUGc-lBhMQJSYCOj4eql7LwQLyKnh431IDTKZxq6ThQKeLo4WZPblhVeA1DXDtfq-i1nFcw02mcoNLtNlLbfTa_1br8clIHUYcVvNwF00/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigba7d8fny3iPxTRwFnO3ph5zu2uGtFpnpclzKRR-gxbP_0XvD6GDb9cYe_Cy3fxioxMlM3XnDvBEc30ImCDeaMHDhWAG5LGIVaY3Dc4yFB-iaTJDtAX5aIWyA487qD281GdM45MNMIDk/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaX-N82i33r29Q1J83v5oNhyphenhypheng9GzJvGHkYDb2TisLBNRki0RAN6H_u7iP6xajzuW00v0HK7Y2Oe4zq-kGkCs1HTWBgyNCQr3pxVWxLthtuJVkCwRgijTTRlQmOmaGDzROcSQhVO5t_m9g/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCOQenzhGk9LtGZ4Q4GskOhtbjgtQ4hMFqaq9OVXEbHEwrqEeExH2pButz6JZfh2hVADugJWGWmJsRC6X2BU3q9n4_EL-IYadiRowBo5UUGZgLcuNQ9dbxO3EkbQWtjA_VU2HTxdKmNDU/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFZED4xdE4GJNcpebq9hFGQ1fgW_vJOBKRRIOOeTnAkROT4MpheahjExYNl-ZyiVilUrkE8po1R7whCl2mecYVyFp2HX-mk3ug9jIbggF3fW8aAHyhC5JufmJ_4f1AnRrXAi7MnHaCZPs/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPvlUjRhvPA2c5cEz_7lmJRM96cbsRtLQjKmWIMR7ppyqq0hFw_QlDBdKunq9xvqiPpLlkyoR6Uwhj52ZVdH4c8DjLSmnTw0Vl6lEWZEXOAjUERSp5O9S2cw_R2hdcEWl1EbRMZ1eyahs/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOWzRc2tFovPXArcd3IjlSqtkg6pFwTuxTo9CpwfXQKFPgJgXhpOvvrJcE9RNtbTTP0Bo4gZVXKxKELkzIc2o2VBElDM70MPPC9RrH3L4hmXnsuxM68k99xGLarQwAAcSIJfk2PUKUJ-g/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNsCkDvubFRZoJDLiEQ4lL_R1sK-5hk21HTolt4P-1fIQwGsgq2nBPH6zt6nEFWqjFOWBFYU43EPklXhJ2H_wJgFCJhl8d9HUnFdsE3xuHiikip7u08jvR7q1YFmbqS8HSihv4yF16Gl4/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxxud7gXyCqCsPGwcmAW4Gnql5A_WWGzq6tDGAMoHnR-u2Kz1LH6IbJ6yJNQVDDXswmG_K6cpWFGPYjRa7qiPbQ0HwsGC-8nzTw3DTEzpRScsvZ8T7diCJlx0z30nPzHOOHdAsUaFcr4/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfLLvQTPmfwbiGYoTdKVu0NgyfxBOyD9I04pYmERVDTJOfAuKwF4quo3utjUZIuKsqRXY2z8-vKUtRrwNuv1LoGjZL-Q5dpgpNJdfqV0Ib2TZqgL86BidMgTvxPnROLwwk_e7QRAS6eAg/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9fYkxj42mHTt7BNjn6yZ0gYb01AlTqcDyVoiXafJKe9GNZ7TlNukXArOTol4viA6ATk5-PlSvoNVgR8J_luALL-8MwP9kRJ6YsvTFOf-_clMk9ilTqfWMhCzILvgI5JuNycj5DUXpiD0/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1dZJsL0JjsrfPCIuGyGJhlElPXJp3zjBtlU9QMytkotKiaDEkm1BDqsP9yTNMeFHZQCry8uy-kkPqr3mKQGOdWX62OaqDswdBrEXC0VSMlLllceOvtG2j4CiBGg0V7ktRfSXc1-zRG2M/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1NHLUk4s3nzFFPfPhsb5D449Jomd3CAgTCxRh2UJKYa36kd4GE_XG4-dMZiLZ1LYJsSCfR3RvWlqfkhw-9f7qdiaplxTZKGq4SbUvyHbXI1pSdrOrjqgcmDkCtRbZ6ayEqNCDWxPd1XE/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5t-B_edtgAbBEA8IelM_R7FM-cET-Rfi36Zj9Tyg2X4vVccBwZUSi7FrPu-gAzB2TIPT-aifHwbMK0gGZaOpdKQkkON8xGh6oifKPkjgvNBlli4WVqqz6xy-nalH_zGa0Gm6zdSMfco/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk_OikH-MO33XMycNv3YgCLDnkpTBs3M4_jnznXf04Nzexn_8CC2tzgNuleXOHHeii_YzRKMdaLPxlIbEzOHnHG4o0PlMF-X0nnUmVmB09PGDZoZG8kT09twX2Q2vx8p4PuE2XyQL-u4g/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(sm\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFpvPpXl7Ap1WYH4unJ8syL-ttEQ0ijnu3G0Glr2NhXn7NhYiXPaHafBzgh59L3gH3QrBxcQmHnvSqU3nqjdbYMQ8bZ40plAEcIM3KUgSL09ogZ9QedyCPW58B8zdU8sDMAF5yjKbdMNg/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgot6Hh6ifGAbsA4XO22_ZAm6AhLOjmLSyWeQ-oKlsUvDApjeE7gaUTn6ra0cEamA9HpDQCH_uUSi6b-Fnvg3vmDEQHH_FaKAgEAPBqMCV-cGqbsBFpHwxeIAiP6xOgWcfiH54CJnno9mc/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5rLTNCmiamSuK7QFBumaIbqCODSyNgshtHwtLhpdbBaouM99XJZKjVgfeqA1OTUC7cmn8h-H8PwcXabjkLjZ4JZwnZ9HdX3g4pfdR4mhaPRZlQOCrprXs4FgswtvR7KIM4xTe7YOq99E/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqEE2SpqhoyXXtD0ZicCIS2kg0mgEGh3DkPC8Pyw3GE6BlaGbZ1RBk3LIWKdmVFvrsgnNU0g6b4DJJ7a8CEUHGquK89_S8f2cBv0s6bE0xg4MNqYsIk9qliz06BKqfDNPhLkWmxKMb_kE/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCpQZCGMvTV8ey-K6-iSU5rIuPVtDHcjBVylQjfv2dnhvE62Age_J7DsbmD2obfH1c01gCvEkzGdfNZeWA-eANhYe-hSe8uJBDv_6P6A5p3HWAtEbd_VHb6RaPPpgLKGdP6MHrO67HQms/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:
336x280

Tags

© Copyright 2016, All Rights Reserved
Designed by 2OK
Việc dùng thuốc và khám chữa bệnh nên tuân thủ theo bác sỹ.
Liên hệ quảng cáo: info@abc.com