0
A+ A-

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/AVvXsEi-7SJyUieoqRSUMhs6BO6KpZujajjJ9708dzydJdFV_X6yk4QmNk_z_ekUnKCp4PoYaLfsQG0j3eyuWgh19Gmli48r47lwY_lEVexoCMObxHKVpXkz2WgKK5k5jVmUVeYc-qv5tzR-5a4/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKTt8wjNXAkBqpZaTA5LKX4SQCnLErHyVBY-26yXqpu2cnFusEEcBfOKUD0m-oFw278LPZi-7xEazlj1qVYc6kqJcTQoJhunu2dEDgThKFfGJZfpGlkmdbGYKxGuZ6flCfiumBBVnHd8Y/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWgKKCdESPMJpFBycFVoQUA6H8lwEntZXu2Oi3Ah0UuzptfavWTgsOj4Mp0a1beARlHlBqU4i4mB8qp7s8JumFmU8b4DcyMqgbRw3Kf59vxnBr20NEXrsnXQnyMwRqWpgafF2BhSo5avk/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhKwCAmVR7xcjdQs3h3esMd-1oOenwmeaZhmd3oCw5fFYWyBrp1ZApJ4wLW8oovvx82nmFcxwPHqoL1okN68fZXsTSKBrfB08L9zNCX0dQFVqsa7A2ZVuPbNYna-zJU5tf1W0I9bDPaF0/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyI_lzRr92YT4qSNXidXpXmRAILTAAxKUoDLIsPuSEBCITQqwmOc09HBg7-z9ASTlmbuCjpx32smsXWBFJy6oqGu4g9ZZfC3WCxN8I-Oy1T0l8bDFVvUJMhEeG29UxHiYlDFX1bkxLJJ0/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQlTz5Tuik7ARPTO8smHweunGD71wIXjGqGx4-882ip6TISzRzK39kP-0WlKyn1mW9JlvcHPmofwIBEwEjrVkLYOh9POPP78nr7nx7pVUoT57AeoxoZ1LCfmwlqfYCSZtTyqnXHVGVP_s/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnWvbohhleKIFJgDXDRAWUXqgKfgmg_qi-25QDN9k1GhS4jYi1umdSRdWJGo-K5eLgwNNLtKUNHLYTkTTf8agN9HrVYh2JCJB7GS8JHvKrnklqOAX4zj8TqJCS0NtYLQdPzwkk0WzlCns/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXOiFrkaC8yVt2yk1jI2Qp6Ltw_-RgP_hAFqE0UZoeeph7XoOxN2lOqyHHg4F7BrzgEV9kroWKQBASdx3WOAuKxqn67YEXm6773hQxBnh4japdEWeKZ_aBwYIRz5J74uiWjmOsBKsTutY/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh2Xv2Q-4WCpbXASnBoV1sqex60Xx6Cj43w02ZVlz1yfw1w63wQhUOsxTM_8ER8WWzpkuwSNby5N93yErSRdf8E0Ltave2HBhof4q0YAT-Q1I4mg2TeObeC1VC9yWb6b-DfwdpcFgzYc8/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQs0zklovoaxNZVeQaeh2j765g01N5_8xPNdgUmi6van5_72UtjamMJVknFVpaasKFwPxEDyjkxIK7nQwJPhXX6J82SQH9A5fHMqTDEGG2lRITcXehH2YVzwKHSDVYCZPhQwxVMJVvDoU/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggWju97T17CPRZ2VYeD_XMItB4LL8x3ZhEYo3078w6qVR3WvTBvREA1DrZdkuF_TASeGlEKjdyGXTUi79Ylt59668dPQps20N4bwFLIMSQgBcYD269inYffDyI8ZspwhyphenhyphengtyLo2AAxFgk/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg48pV0rS4gjYf5Q3lP9T5sBaumbuXeF4lyWVBJ_fAegs85hNE7onTKIugwbPMuOoxW-knx5fzLgsQa6qTwVy3jlCUaeb-cwW6dIn4Cn_DLGeryx4d6UVNzPC_6pjCfrFjOI7Z0GdqrQpg/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggvXFLgZTrqH5HKjBUUuTzWYHyJ9149mWo2LmWWInx7GW70m-oZIFoipP36sqJRwAWuHvATYT80i9tbLlq7qjhMhO3gDXFbgyq4KiPytrp4xdeznS4h-PbkZdqFoeN6h6yXlRJw7sOirc/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX2WB-6_18sh2tS94cVRuUS9iDFirsp3UurWNWkH64l1ksGLLNbzyqZdaCc6sffBHT2CXWjyGqWDwCd0MxaNQJM9mpdn0op3bWstvlMDw3Yg6PMaT7B_6u_IekujS2ZKUNwlN4YfulZRc/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCT5q9zz0XF52b_OrfxZHBKFdqDs9NT5rOUj2Gvw20qKyw6OMFWR8BmiI9N5PiKLVYU3OIh-OdCGy3MEcmGo7TPe31ld7UPQsL92BruO76vN6tkz07TC5xZD1aAZn8z2Nks0LPArmrZnE/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcorNDIKnZDejZ2LFHnxvboyRLHAtfPxyDIMGL23cVmlOvPJ-DO_1OIVORbGhOfMM0MtwPN9qCRZk2zYUpyudLVjWf5LTkW56fwTABaHbnu6JZIiyTtI6twfh2Y5-jz26fqNPktT3SMBM/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBJx9UjR0M7z3SchA2am_iW9rgerHpTMvIVL0LmUrSQIvBfRYzJCDCWmX6MY0pr_iozgvyaWHbl1OtIkCgk1ypz9wrqzoVmmuNamQmejjnvfUc81l26BgfBmmCIZva8wPr78mY5WcBD0E/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgULdMDd4UzJ8XqJVUgZQhueSFR-7fCH6ve0qZnYFRsnqpkWAW9p8VfuQF47f6Sm5Roaeo8sAlHzWzKOQSJTLAgGDCwY4l_PHywgMQeaTc0li4EUi0xeMR-ogYOCVErf9f_PmTdlhhte1g/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiRG9jeLd33pcK1ZztmQi2q7cKNZT6Pv6mNW8YF-6ZiXAwEdP_TsXkil3KUOG3oWkBXdRfrs0PL02DI5EvjDnFob7KpLeUupLtJzvafddpIG6_UyrkuB1bRNdrn_M5mLT5NCsPJavgEn8/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikq1y_rGqPjH_Tnp2plfmJVombf76c3bfJLOkp6HSxgekRjkuPN6MJM2q1aZE2Kg8LNkiIBpY0h1m6K8699zQF3GJSQOaN1zAorcL20myWSUfSEF9VZWaW9misRT9iuJeY2tjoCLocjbI/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHSALY48RzHA_I37REqeqTlycYAN_tNRrGEox9Ld6WJNrjscCRp6hBbzO0zOXYuvaQeU5yavypFAvuT1bPNNneojneqszM0pN7-tD1JoVIflIZyuSeRuutSjSxoxaiqpeDUhgEzmjF63c/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYsHoy59SQoUCo5jRw5yXbTuvpBE5gjWk8xPUHnP5W8qZEe0xmnpb-2Llrm5OL0uzPVX3oWJ4Ea6Dj86rLZX_eHnpZCPTmzVInoUzH7e6Lkzp16l6S1_UFv8rTOyrxzBs9ND0UnSx_fXw/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsNp1OekFpRhz1Wah4y8mR7KCdn8yr9hVj99yBr6D4oFnhaKGyheVqt4Zc4mOkL7xFFJBcF2KNatyndHNDWWo3zA5X6r9kP7_CjWhyphenhyphenVHJC5MajP-lb0oFImD83yYs6qhe5qT_UCWkZ1nA/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RZDWFu3evC_hj21Qod_77jX4AwLUA7c8xqEO_UlO9Jc-HKBXah6lPeObevtaHWNlLdui8yBCFWw89_2ET1g9bwl6WPPkmssrcn7JPco77SiLfB1JB2D3e8I4ig6qhFhYAW_4EH9-BIs/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpW6FRfsE_F6xRQStVEJ3pIYyWT8k25p4KqVhyphenhyphenJfNFjimcLumtPGWfh09AcgbzJXaBMBCsrEW8YRySVa88TqyiQ_Dk8phmImwq_R-7CVzZ4gdVxh41UK2fdBSv9JviEPWXFmqBffx7GU/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4WiZJBtuyl5leTxP1jV4jDs-Rr23_QR_cx42-qwQrkC7f1wZla4Y1mqlS4ag_7IEFqukcoUAAAh56ci1gKnVZtJU2Wq3CSbttPGUbaPqiQxBqq3Yaa0bHlwPoxwx6Tk9-Fzq2Nbukji4/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVGe-n9nLkPc3F0t15uy8aK5yIldSCXNZKbn1qFTIeE61BJWQVV0MSXonmPnUmbJKwTR2UV_El1yzBWC0TJs44WTWvMLFO389m0MO-pR6NXlZFvfzwE_wXxOAzhccJM5Ag5DHZn1n_q8k/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIgiJea49LBRtPBaSHuLByWhtDOG41fuCh0249yvlgkKnE4l7ucL6d274niqHFuF5dD7AacW6_W28CGoIoFx8pkGWBX8WffJzVhTVLkA2exnrydQ233auoKW0NicarwrFVbluU8kSKq8I/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0CF6ORlYQX6KORGxXJ3zv9CaKuKlddPT1B8gIBF8YFg35-ZCzMDoUi-PMZqY3DJELPz0C6cesAGSwgL0s_sbuDpzxwrn1hcOSvvroUcnGSmuWO1n7iwkNs0cXcbRq_VZlcxkjinCSQzE/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0OISjsndnUq2QicdVJ6kkuFznsfZ1OSVsXZMhOop48nOwA0GRJlSiUUDgU_qo7L4_S-2t-LLQ3M3MzyV-BPJC6wBdQM9tXZ_YOT9TzUJiVbLBujEJnGiy8R49uFCZZkNqzBMOJ05nF4/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGwr0YeoALzFF6NcwYI5SsnwE5IyKN-M9yVX7JaC_CQalbv5TsGnRwWoKjhS8K4HiacIrcOqEi_Ul8yJ8XCWEnDoNuxb3Hld-Gmc646c4si5e74f0WWqoEgtD028UCAjBSPfg0MKNF9Rc/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGb2Hzr86XIVjW5m3pCGQKNIh0qNRVE4P8VZeyz-sqVVT2r2VfvdxPLGWsADl9UYg98JE3KFYcEXALJ23NpZ4aBt1juVODt7FR59fBKMhUmkyhyphenhyphenAZNDBynrFXpGg0ogc-VqU6_NUj1b8/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGrLo-2beKw7FwJtqjOYrWBuv1CGP4my49UvsYO9Vdjzf4serN38lM3aSes1bg58Oubxm8304Z8YRK6Sr3jZ6qFxpyqau_55RYYbunf5PEtC7Uun3J1Yf9hj0wH8joeHm-Uy5e2NIMnOo/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(s\m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqNQHB1c8V3xsoU8oKPNX0HOQyYxTvCJnXgubu50QYl4ACkc4kDml8vpighNNdtPgKfuDGJH8Cyms9eW7e78EP4Pw4K4BfG-_nuby66_fWLH80cFxcN6XXZxbs8LMRQnXl8cbsxjTNWY/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLWc3X-ndmoW8kmbT9ya-BLa6Ny150XvhFBqx7ZvOdw-8OZFHi4PqVVuqznXqJlq_USDTXpG7DiAu9naqyhHEKT3o9GmSm0_VX4A1vXG_UPlCTYImjcm-W7DAVkgWhCd8-jS6kY9mJjL0/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0qmWtU9ATXzGvwwiFBHGuV04g9R5EYbzhRYWrWvAB0XrQARwnFQIi22a2GY0phFr3Uu-xONAfM1w-uojS_b0u3QVKmB4tdIekBCI6Ri4wRLeW2q2XHn66n_KPqS0nYfQQzeSbH7ApUTw/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6kS2LaqTLaF5eT2txYk5Jfn3Z12dbpPoC478o35L4fMWu3r0t60b8jdqKko8wqpnOy5S_vGvsW5E-sq3Kb7YjJ0yKRV5b77rQESNfOHCnl4WQ1xl39EUBTzEhT0iPk3VG-6hC6oUgCpY/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx-fRXRlCaWYw-AT8yCLJMpsWlFRQvQaGRKxHsaoRdDcmZi3Iq1SgXhuPZFK__Y_AeNn0NrINNHVc5eDobHbpGk82_nR186T_gMB_TSpzoTTUlKSuckBSRkvhmViQs38zeoFCKJqubNoA/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/AVvXsEi-7SJyUieoqRSUMhs6BO6KpZujajjJ9708dzydJdFV_X6yk4QmNk_z_ekUnKCp4PoYaLfsQG0j3eyuWgh19Gmli48r47lwY_lEVexoCMObxHKVpXkz2WgKK5k5jVmUVeYc-qv5tzR-5a4/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKTt8wjNXAkBqpZaTA5LKX4SQCnLErHyVBY-26yXqpu2cnFusEEcBfOKUD0m-oFw278LPZi-7xEazlj1qVYc6kqJcTQoJhunu2dEDgThKFfGJZfpGlkmdbGYKxGuZ6flCfiumBBVnHd8Y/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWgKKCdESPMJpFBycFVoQUA6H8lwEntZXu2Oi3Ah0UuzptfavWTgsOj4Mp0a1beARlHlBqU4i4mB8qp7s8JumFmU8b4DcyMqgbRw3Kf59vxnBr20NEXrsnXQnyMwRqWpgafF2BhSo5avk/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhKwCAmVR7xcjdQs3h3esMd-1oOenwmeaZhmd3oCw5fFYWyBrp1ZApJ4wLW8oovvx82nmFcxwPHqoL1okN68fZXsTSKBrfB08L9zNCX0dQFVqsa7A2ZVuPbNYna-zJU5tf1W0I9bDPaF0/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyI_lzRr92YT4qSNXidXpXmRAILTAAxKUoDLIsPuSEBCITQqwmOc09HBg7-z9ASTlmbuCjpx32smsXWBFJy6oqGu4g9ZZfC3WCxN8I-Oy1T0l8bDFVvUJMhEeG29UxHiYlDFX1bkxLJJ0/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQlTz5Tuik7ARPTO8smHweunGD71wIXjGqGx4-882ip6TISzRzK39kP-0WlKyn1mW9JlvcHPmofwIBEwEjrVkLYOh9POPP78nr7nx7pVUoT57AeoxoZ1LCfmwlqfYCSZtTyqnXHVGVP_s/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnWvbohhleKIFJgDXDRAWUXqgKfgmg_qi-25QDN9k1GhS4jYi1umdSRdWJGo-K5eLgwNNLtKUNHLYTkTTf8agN9HrVYh2JCJB7GS8JHvKrnklqOAX4zj8TqJCS0NtYLQdPzwkk0WzlCns/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXOiFrkaC8yVt2yk1jI2Qp6Ltw_-RgP_hAFqE0UZoeeph7XoOxN2lOqyHHg4F7BrzgEV9kroWKQBASdx3WOAuKxqn67YEXm6773hQxBnh4japdEWeKZ_aBwYIRz5J74uiWjmOsBKsTutY/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh2Xv2Q-4WCpbXASnBoV1sqex60Xx6Cj43w02ZVlz1yfw1w63wQhUOsxTM_8ER8WWzpkuwSNby5N93yErSRdf8E0Ltave2HBhof4q0YAT-Q1I4mg2TeObeC1VC9yWb6b-DfwdpcFgzYc8/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQs0zklovoaxNZVeQaeh2j765g01N5_8xPNdgUmi6van5_72UtjamMJVknFVpaasKFwPxEDyjkxIK7nQwJPhXX6J82SQH9A5fHMqTDEGG2lRITcXehH2YVzwKHSDVYCZPhQwxVMJVvDoU/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggWju97T17CPRZ2VYeD_XMItB4LL8x3ZhEYo3078w6qVR3WvTBvREA1DrZdkuF_TASeGlEKjdyGXTUi79Ylt59668dPQps20N4bwFLIMSQgBcYD269inYffDyI8ZspwhyphenhyphengtyLo2AAxFgk/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg48pV0rS4gjYf5Q3lP9T5sBaumbuXeF4lyWVBJ_fAegs85hNE7onTKIugwbPMuOoxW-knx5fzLgsQa6qTwVy3jlCUaeb-cwW6dIn4Cn_DLGeryx4d6UVNzPC_6pjCfrFjOI7Z0GdqrQpg/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggvXFLgZTrqH5HKjBUUuTzWYHyJ9149mWo2LmWWInx7GW70m-oZIFoipP36sqJRwAWuHvATYT80i9tbLlq7qjhMhO3gDXFbgyq4KiPytrp4xdeznS4h-PbkZdqFoeN6h6yXlRJw7sOirc/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX2WB-6_18sh2tS94cVRuUS9iDFirsp3UurWNWkH64l1ksGLLNbzyqZdaCc6sffBHT2CXWjyGqWDwCd0MxaNQJM9mpdn0op3bWstvlMDw3Yg6PMaT7B_6u_IekujS2ZKUNwlN4YfulZRc/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCT5q9zz0XF52b_OrfxZHBKFdqDs9NT5rOUj2Gvw20qKyw6OMFWR8BmiI9N5PiKLVYU3OIh-OdCGy3MEcmGo7TPe31ld7UPQsL92BruO76vN6tkz07TC5xZD1aAZn8z2Nks0LPArmrZnE/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcorNDIKnZDejZ2LFHnxvboyRLHAtfPxyDIMGL23cVmlOvPJ-DO_1OIVORbGhOfMM0MtwPN9qCRZk2zYUpyudLVjWf5LTkW56fwTABaHbnu6JZIiyTtI6twfh2Y5-jz26fqNPktT3SMBM/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBJx9UjR0M7z3SchA2am_iW9rgerHpTMvIVL0LmUrSQIvBfRYzJCDCWmX6MY0pr_iozgvyaWHbl1OtIkCgk1ypz9wrqzoVmmuNamQmejjnvfUc81l26BgfBmmCIZva8wPr78mY5WcBD0E/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgULdMDd4UzJ8XqJVUgZQhueSFR-7fCH6ve0qZnYFRsnqpkWAW9p8VfuQF47f6Sm5Roaeo8sAlHzWzKOQSJTLAgGDCwY4l_PHywgMQeaTc0li4EUi0xeMR-ogYOCVErf9f_PmTdlhhte1g/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiRG9jeLd33pcK1ZztmQi2q7cKNZT6Pv6mNW8YF-6ZiXAwEdP_TsXkil3KUOG3oWkBXdRfrs0PL02DI5EvjDnFob7KpLeUupLtJzvafddpIG6_UyrkuB1bRNdrn_M5mLT5NCsPJavgEn8/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikq1y_rGqPjH_Tnp2plfmJVombf76c3bfJLOkp6HSxgekRjkuPN6MJM2q1aZE2Kg8LNkiIBpY0h1m6K8699zQF3GJSQOaN1zAorcL20myWSUfSEF9VZWaW9misRT9iuJeY2tjoCLocjbI/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHSALY48RzHA_I37REqeqTlycYAN_tNRrGEox9Ld6WJNrjscCRp6hBbzO0zOXYuvaQeU5yavypFAvuT1bPNNneojneqszM0pN7-tD1JoVIflIZyuSeRuutSjSxoxaiqpeDUhgEzmjF63c/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYsHoy59SQoUCo5jRw5yXbTuvpBE5gjWk8xPUHnP5W8qZEe0xmnpb-2Llrm5OL0uzPVX3oWJ4Ea6Dj86rLZX_eHnpZCPTmzVInoUzH7e6Lkzp16l6S1_UFv8rTOyrxzBs9ND0UnSx_fXw/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsNp1OekFpRhz1Wah4y8mR7KCdn8yr9hVj99yBr6D4oFnhaKGyheVqt4Zc4mOkL7xFFJBcF2KNatyndHNDWWo3zA5X6r9kP7_CjWhyphenhyphenVHJC5MajP-lb0oFImD83yYs6qhe5qT_UCWkZ1nA/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RZDWFu3evC_hj21Qod_77jX4AwLUA7c8xqEO_UlO9Jc-HKBXah6lPeObevtaHWNlLdui8yBCFWw89_2ET1g9bwl6WPPkmssrcn7JPco77SiLfB1JB2D3e8I4ig6qhFhYAW_4EH9-BIs/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpW6FRfsE_F6xRQStVEJ3pIYyWT8k25p4KqVhyphenhyphenJfNFjimcLumtPGWfh09AcgbzJXaBMBCsrEW8YRySVa88TqyiQ_Dk8phmImwq_R-7CVzZ4gdVxh41UK2fdBSv9JviEPWXFmqBffx7GU/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4WiZJBtuyl5leTxP1jV4jDs-Rr23_QR_cx42-qwQrkC7f1wZla4Y1mqlS4ag_7IEFqukcoUAAAh56ci1gKnVZtJU2Wq3CSbttPGUbaPqiQxBqq3Yaa0bHlwPoxwx6Tk9-Fzq2Nbukji4/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVGe-n9nLkPc3F0t15uy8aK5yIldSCXNZKbn1qFTIeE61BJWQVV0MSXonmPnUmbJKwTR2UV_El1yzBWC0TJs44WTWvMLFO389m0MO-pR6NXlZFvfzwE_wXxOAzhccJM5Ag5DHZn1n_q8k/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIgiJea49LBRtPBaSHuLByWhtDOG41fuCh0249yvlgkKnE4l7ucL6d274niqHFuF5dD7AacW6_W28CGoIoFx8pkGWBX8WffJzVhTVLkA2exnrydQ233auoKW0NicarwrFVbluU8kSKq8I/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0CF6ORlYQX6KORGxXJ3zv9CaKuKlddPT1B8gIBF8YFg35-ZCzMDoUi-PMZqY3DJELPz0C6cesAGSwgL0s_sbuDpzxwrn1hcOSvvroUcnGSmuWO1n7iwkNs0cXcbRq_VZlcxkjinCSQzE/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0OISjsndnUq2QicdVJ6kkuFznsfZ1OSVsXZMhOop48nOwA0GRJlSiUUDgU_qo7L4_S-2t-LLQ3M3MzyV-BPJC6wBdQM9tXZ_YOT9TzUJiVbLBujEJnGiy8R49uFCZZkNqzBMOJ05nF4/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGwr0YeoALzFF6NcwYI5SsnwE5IyKN-M9yVX7JaC_CQalbv5TsGnRwWoKjhS8K4HiacIrcOqEi_Ul8yJ8XCWEnDoNuxb3Hld-Gmc646c4si5e74f0WWqoEgtD028UCAjBSPfg0MKNF9Rc/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGb2Hzr86XIVjW5m3pCGQKNIh0qNRVE4P8VZeyz-sqVVT2r2VfvdxPLGWsADl9UYg98JE3KFYcEXALJ23NpZ4aBt1juVODt7FR59fBKMhUmkyhyphenhyphenAZNDBynrFXpGg0ogc-VqU6_NUj1b8/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGrLo-2beKw7FwJtqjOYrWBuv1CGP4my49UvsYO9Vdjzf4serN38lM3aSes1bg58Oubxm8304Z8YRK6Sr3jZ6qFxpyqau_55RYYbunf5PEtC7Uun3J1Yf9hj0wH8joeHm-Uy5e2NIMnOo/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(sm\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqNQHB1c8V3xsoU8oKPNX0HOQyYxTvCJnXgubu50QYl4ACkc4kDml8vpighNNdtPgKfuDGJH8Cyms9eW7e78EP4Pw4K4BfG-_nuby66_fWLH80cFxcN6XXZxbs8LMRQnXl8cbsxjTNWY/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLWc3X-ndmoW8kmbT9ya-BLa6Ny150XvhFBqx7ZvOdw-8OZFHi4PqVVuqznXqJlq_USDTXpG7DiAu9naqyhHEKT3o9GmSm0_VX4A1vXG_UPlCTYImjcm-W7DAVkgWhCd8-jS6kY9mJjL0/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0qmWtU9ATXzGvwwiFBHGuV04g9R5EYbzhRYWrWvAB0XrQARwnFQIi22a2GY0phFr3Uu-xONAfM1w-uojS_b0u3QVKmB4tdIekBCI6Ri4wRLeW2q2XHn66n_KPqS0nYfQQzeSbH7ApUTw/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6kS2LaqTLaF5eT2txYk5Jfn3Z12dbpPoC478o35L4fMWu3r0t60b8jdqKko8wqpnOy5S_vGvsW5E-sq3Kb7YjJ0yKRV5b77rQESNfOHCnl4WQ1xl39EUBTzEhT0iPk3VG-6hC6oUgCpY/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx-fRXRlCaWYw-AT8yCLJMpsWlFRQvQaGRKxHsaoRdDcmZi3Iq1SgXhuPZFK__Y_AeNn0NrINNHVc5eDobHbpGk82_nR186T_gMB_TSpzoTTUlKSuckBSRkvhmViQs38zeoFCKJqubNoA/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:
Người đăng:
Share to:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)
 
Top