Trang Chủ
Kĩ Thuật - Công Nghệ
Kinh Tế
Xã Hội
Tuyển Tập Đề Thi
Đại Cương
Ngoại Ngữ
Đồ án-Luận văn
Công nghệ thông tin
Văn bản luật
Khoa học tự nhiên
» » 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

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


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

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

Làm thế nào để cài đặt Emoticons cho blogger

1- Đăng nhập (login) vào Blog
2- Vào Mẫu (Template)
3- Chọn Chỉnh sử HTML (Edit HTML) => Tiếp tục (Proceed) => Chọn  Mở rộng tiện ích mẫu (  Expand Template Widgets)
4- Chèn code sau trước thẻ </body>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Click vào biểu tượng sau đó copy xuống khung comment";
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// Emoticon bar before comment-form
$(function() {
    $(putEmoAbove)
        .before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~  $-)  (b)  (f) x-)  (k)  (h)  (c)  cheer  (sm)  (fu)  (ku)  (bg)  (lol)<br/><b><a href="javascript:openup_parseHTML()" rel="nofollow" title="Mã hóa code trước khi đưa vào bình luận"><span class="text_style">Mã hóa code đưa vào comments</span></a></b></div>');
    var emo = function(emo, imgRep, emoKey) {
        $(emoRange)
            .each(function() {
            $(this)
                .html($(this)
                .html()
                .replace(/<br>:/g, "<br> :")
                .replace(/<br>;/g, "<br> ;")
                .replace(/<br>=/g, "<br> =")
                .replace(/<br>\^/g, "<br> ^")
                .replace(emo, " <img style='max-height:24px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));
        });
    };
    emo(/\s:\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWF5hFcOYTVsVxVTcc7XUlWaJ7WYSY_sEarjqMnUTmwBIJVNyY9hXHPQaUq62ZrS8iVRZWvSraRfeFVl8cz_oAbF1KiU-qpt_qgTFxGhHlCf4MENNXN_D5PiduEtnV8j8lQCUjPFag00M/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij6dKN_FGFI0gmZ0e8EgcbxLnXMAYMqDVfDaGw9s7aShi-VOA7gc_aQO22bAJ8MD_04x8XeGMrKq0KYDA27NlrqpOlIRJ4W72dGGN2xivhf1Iax_Pn2kEXfmeJaRq-NBRvrrQSy5JSnsw/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmPfI_OGTH6GM8YpvZ-HUgdDTMwU6XunvzHoPXhKvgweSPSdV7abRaVdHKcGl63hIBlZTcjUCfGsCG6GsHoZXpRSIfV97ULQMZo4b_BqnSAzfgQAmbpOUYx2pCFf6ZncMTNErrZgG_Ujo/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_OBM27Y6ECLwbTc3cCkINhRicSKIz01EUfXl0M-jjNG4llEEsHg0AtXl9aN_e5g7bVmmSejOs22LX5FfSsr30HvBev7VuBo0IjR39c0n1rme6FFg_6OedhSNuw7DcSsVRd74kWekoxM/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0hWNSzlEcKi4rWk0fhtwQAepiwH16_y7VANI_9uqmVusKd1Rx-Im0unfHDtRrhbr2hkE_syte_QrdPrWGKWUR5jG-NgqrSjS54JBr3_ij4E0Uf4aA9tFjearvrHBRJW9ulJO4v26Sa3s/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoyRJQwGmob9zw9auPSJf45Buml2fhcbjjpEssA71e_K8Yu2b_RKvd11x7RcWNcKERHZj2wsJgdbLsMSmTMP49qRqLLMRoPQ0jIeVHx73Lv2Xwu5uHRHkFp_tgRj70jI-VR6-Z3lOVkaU/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVx63ba2wyndWZh10uZgwGJx4zOAr2h50X3TeLMRdwXLlHo0Z-j48Yzbj-mfyO9WYLR_c9qaefmAmb5e8n-G9228hnOmMF4EZ47mppgOIreVPI8bdL9MeY8BIFumWu9xtN8Az_phf1DJA/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGuBtUW4bFqTl5SCu48S6PsXX3CncE_UpiXkVb8PIwqCIkQOHqGmAtijtAwPtsyDSGgFVZFMuAH5YZvcKpUFd3j0NOHBwzOuh73HRdfw62mkSR2gjSN1GKJXhwGj8g39uroNZa79ecoqY/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjizBM0KZmiHjdq2FjV8BnXQtFIhDPmrNTSO__KTPxLXKDHzaQhfzvoGg16zpLAmqiyy3M5C7II8hRehybRYhQGf1tKn8tlrejck2QeVw64_ttKsnFb6lg-OHXyxhBYB0o8HKqMk70P-kg/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIY-7s4o5PRQ9TGbW67rvpUQl5_FGeBgP7vZBxqZob8YvX1ssTdb8ZyBIOwJYHDeJ0w5lxvv6WIqR6IuKv09EvoVVm55ZjBn-o8D-qXcB-zdoioPJQ9Wfs9-5wxECIdgImJWI7D8cBraU/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIbjPWpMrx2kJR5Z3cYRYkyLKkkgtO2A4TgWp0vnX2PouJ29ld7slnWkrNlNEb4e4IKc15AJ0SXAsrfDi08Nt13Ozc9POIF9KJNyeqA8Cagd5Gjm0G-C4bFCXdddoPvQlr6NiSmQucUFI/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZtVmr3e3sF56vKk0w-xMciXyms8LZe4yE74uOkJWsJ_BkqzHZKII7RTP1ZGcLb1E4xrhPw4H7oaMlFQvvdcL5r0754EggGmUWlr4d2SE3dGJqzJI82t5TsxF-wnV2kS9yKN9_DHU2cGs/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQrQrHhM5Tyt8wIG5RbalFhqwYDA8RxRIutxWVbTzBM1uYyaPBzNYFi1pWayXH-_4MkgGmEDcf8xf5kwlgpaEpey7baFB_l39EZNoOgYFVPvX1Es0gngtGvT_E4TTlJWCj0mGFijuYoIA/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTxgUaUBmDEa_Yg-vnsMl_IUNcgzZ0mNEHj2qH11rxJbSa7gJRjGex7-_UXA-qbh-iiMVcC2FPhpIBCTUYRqQjUTF06VXLnQUd0h4Nmt0HbXO4FMyqd5-yvXMNbr7bqml8GSqeiAFvUE/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8VFAvZTgUsbzJXGGvs-djzxH3BnjBtIcVTYc6lNit1jzW_8alMiYVVuJHD0q-T3l-sB6YIP54Pq4r3stSx0jdnrvfqozWAD6brwK1WL70ZvPspjKfUk_Yl3N4VRWyh2CK1-YqF2aLhcQ/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5lZVWXuxiVgS8fZAxirwl7ZWu0Oy7PvgTkTpnyFl4yEL2_r55GbKnV8Sd_HejyhQsPJwSh1KYaP2ye9511jRqR3YrN-zewlEmZL7eXSFhDZN-z5cm9hIja63b4aAlDUvvbXtzMAkQAfY/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsJGoTi0NqAIhrPnzoHZPyOH2gu0Rz_yI8pdMNjDPYYzxhiZULqgzvYsSgNzHf13N-bS7B_jtOmjEy0gbXXt0DONPSecSUSCepzGwmTgV9C1L2DtcrKY8GOeZhojyas3n1Ub_8zD1wmjQ/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggw2k8s89PrdcJKsHr0CxX_Kf3ejVdBFH1Qrr7ZVhD_bxzgokAh9ZK9i1Q9-lxTVPjkhYq7SAlLoQxms6kwNiwjZyquNf_09EjNtowWKxzzkeKT5KVo6q4-mnfoOpr8aJsF7XUr4YOL-Q/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2pysvEucINJiI_HsePZgF_sTBuUFJ74ULVb1YHuaMupEObr0S9kJdwHiu8FrcbYnNFAxlByrXlEoa_AWRTG4COWR2F-EqNDLxkGNV-x6ZqDoijaQe3Ic5wKn6d1VeTgo46NxwtDNEZk/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf9at5T31zw_9_H3W9BPe4t4eMDAssjsiUzrAXE_pRsVu8mWDbcsKlHeqOr0CJHuEG_wGCApaLkJtXG29HfCzGN010ckp-dOo9e_9BuNxLHnh1psIEdOY4KO7r9JnXX-lRCXoklhdG1l8/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDKnkQm7FPvEu9-KZ646joIKQ5VjNZbZJ1OKtt979mE7mY-WVczUZRboBO0UK0qPd6BI8rhyphenhyphensHKaA9jH_PQmbiZKzrDmmcHqYrou0LIcefJAlQneT4wskGqIGmTwHeuPa4VF5c-cgL79o/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA8SdGicyEVpv_gBOzzo0LUChecHt6QYiZQuJJiLS3ceUgl9ZTXaCFgsttIbrosl0LHaLPryslAYMgPVuZMeGaLoIAUHlsu4hAEKPrTG1FnVAqnBSXzVNEPWu8fnaPkljKZ1LQ1qtTMlg/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0OfmlxqtgMpVfdW3ONpkW-IPq6qHtq6F7N5Pm0Qz4R7Zx8c8LPjvnQ4ni8pwicsqaQ4VwyiVR9WWYrL3sdxpDUT4SiedfGoy6E324Chn9wUGWTfiBs7SrPVLS9AMys4j_8oCjZvILug/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIN1tfYsWOTFp-XIyVoMMr1Kh_7h9buyGc6_o84RI7X0e9mWfnrQ7Tc8zMN7LzGmGEyfOHZUzONugbHKIJdwxCEE1jRVqOLAY4A_1ZWCqWMwHU3495DiSxXDxy29-GA5V5u63pDgVz6ec/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf5aD1ZGRRu1bX4ESs2AfBcuuROM8ddI10XtCkavm7IwRDBxEA7jZvXSSc16Bzur8iKZmlmMFsNApjOuY1Rk6K3ts7zNf-Ip8mpxVHoxHV9HUzv50Xkxfj9FzlNHcGN1Zwa6EsoI2hPfc/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxoe797PzVPDe0DmVmomJFysOEyIu_JxfOFKPvEM4EfQgCqgxLZ_Y5CyvOIcTzKD0y-hmoYKG8Zomv7TtcG_-eIDcXgrCQhC8muJU2tzTdJSuds2qlFdCbwUD4CKOsGT1IoE9J-7pFOL0/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbtGFdT-lJhpuKtj0I2UK8r-ze3ro1gJEidUAe6vE_LH7XvVd1z_qoCZWbBUGeA3GHGqhsu_zM1a7-qoXxRYeiABtDJyoOoIgHpkdnznawm5QBCrlvZn6EbAwvSZ92yDJQCTg8uCCcx0U/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNC7SfOFYEVJGu1desSthkG55upzBXzvkfgDdQH7kEq3Me-VE2JlzWfYwN40EP-OFZ73IpWJ0RxDwt6oqKuu9hvu-GIEQ0LbN3cLUKj8wcaFSAE3oFoh59zzRxLlhFUna22ETVBZYeBDs/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr_hK6fV1SgAladD6HbhXqFuyzKE1ExRWxWuWh1rNfrXZwGtze0GUUL2SzIbdKk6xa4Lp08VhDCmUP7oqHMrSOwPso4rK6wLBQVT3Cbk-CoRrQBxwGTpnE_5s4A8MRa6u12cX-1o0TX4w/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlVro_5-4Vzv8bwNqIxAaUnn8cjW6caJN_UqwFSjscoDYcRF36jelUKWijUyhHnmvHez2C6ruDCfGsfCFL0u8FJdCQnuzaHoCwAgUZtRi-nGFWuLthXyeN37nJsm7YFiVOO6gBueizk6c/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb8X9Q6XLgKcjFW8C06aevS_spJ95OsiE68pzgpXDC2GE-gc3jhkq7hodRhAd3Qar-pWJM1LZAvSTqBoknlfX7jiDL_sh8oRUpj0sG79dem32zae8wKmlsCWqPr-OvhdBB7hv59rPur9g/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9BfIkslXIQV3Uks0W5sqsEpOLSPE7ENRxE1YsCFai51gxtJwXgYzNQfauuovCLVWD3kj4osQrJRGmr131ntlNlbmv0uJjovHUJLC05kcGToMxjQ_ChKblFDZp__cg_ii0iIMLuo9CsOo/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR19pxKrXSipcJ2WCQFPj6QJXkk_8CNoNSkIOnCiz2LmUiFCtEfaxgqXJFvM3R6jSm0dyQAqxIf6hzCWf1cAkkTzIfXXjFgGVvoMEBQt-3jRfRGC0kj7V9tTMoCJ8KdgkZ91rZx8PB7nw/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(s\m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitwUuoRuBG5fiGZ-QsTvrdetT9b75DaXb5d14B2VvYETNj5SyGRIQqIdew4Up63Xi1F0yOaRDjbbMhOWeTD9cyLVaFsmNZPD-6yDjexi9jubBWkh0aOFMG1cQ-3n9BRhyyvFnwEeAjwkw/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizCkPexSlJ0YOJaYBIVMkzlpPrXDoGdW_tYiz8ypNYOGh8G4NjUNAoWkjItnB5j5_8urdGfY47FePcKOaLmEPWNWVCydE70oPrqou75oz1IX536lbkn05wVFrhnuoHiAeIrM7A0mBPVts/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe41GsICOv1LP8Nsal1r9P3l7kXQMXmIAdpFM_DAoKUFrcyvKy67mQ0ofCPRDaDJCOwV80nRql7QsfbeME-Vva_2KFEidIhE3GY-5LkbhaMH4AZNQv3YiuOdoovvIaUO_uA8FoQ_mhIjQ/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidQXG5Vif9PcMbutZ27VFuOhar2wWNI0BKPv45FlmON2mNVSigXR6blVnThuG1cn__IjBgHKKiU2OaFW8CX8HwRb1HLQf0CnLEAXEP_IrwWmJFV_rbsFBpqEbnl-0VkftajghiiYf1StM/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8DswdyijxCZGBBML-nUGwhI5BT4NlEvibfLQXS9OKD5x4wFTj6vTbFx1yg1d5xICa1go9ma8whOtnD5om-0hskHw8uYv-x6TuEME0pnR6sMtCtEsMa1CRhj6ziUN5zf1UeQ41h5hvq8/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/AVvXsEjWF5hFcOYTVsVxVTcc7XUlWaJ7WYSY_sEarjqMnUTmwBIJVNyY9hXHPQaUq62ZrS8iVRZWvSraRfeFVl8cz_oAbF1KiU-qpt_qgTFxGhHlCf4MENNXN_D5PiduEtnV8j8lQCUjPFag00M/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij6dKN_FGFI0gmZ0e8EgcbxLnXMAYMqDVfDaGw9s7aShi-VOA7gc_aQO22bAJ8MD_04x8XeGMrKq0KYDA27NlrqpOlIRJ4W72dGGN2xivhf1Iax_Pn2kEXfmeJaRq-NBRvrrQSy5JSnsw/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmPfI_OGTH6GM8YpvZ-HUgdDTMwU6XunvzHoPXhKvgweSPSdV7abRaVdHKcGl63hIBlZTcjUCfGsCG6GsHoZXpRSIfV97ULQMZo4b_BqnSAzfgQAmbpOUYx2pCFf6ZncMTNErrZgG_Ujo/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_OBM27Y6ECLwbTc3cCkINhRicSKIz01EUfXl0M-jjNG4llEEsHg0AtXl9aN_e5g7bVmmSejOs22LX5FfSsr30HvBev7VuBo0IjR39c0n1rme6FFg_6OedhSNuw7DcSsVRd74kWekoxM/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0hWNSzlEcKi4rWk0fhtwQAepiwH16_y7VANI_9uqmVusKd1Rx-Im0unfHDtRrhbr2hkE_syte_QrdPrWGKWUR5jG-NgqrSjS54JBr3_ij4E0Uf4aA9tFjearvrHBRJW9ulJO4v26Sa3s/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoyRJQwGmob9zw9auPSJf45Buml2fhcbjjpEssA71e_K8Yu2b_RKvd11x7RcWNcKERHZj2wsJgdbLsMSmTMP49qRqLLMRoPQ0jIeVHx73Lv2Xwu5uHRHkFp_tgRj70jI-VR6-Z3lOVkaU/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVx63ba2wyndWZh10uZgwGJx4zOAr2h50X3TeLMRdwXLlHo0Z-j48Yzbj-mfyO9WYLR_c9qaefmAmb5e8n-G9228hnOmMF4EZ47mppgOIreVPI8bdL9MeY8BIFumWu9xtN8Az_phf1DJA/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGuBtUW4bFqTl5SCu48S6PsXX3CncE_UpiXkVb8PIwqCIkQOHqGmAtijtAwPtsyDSGgFVZFMuAH5YZvcKpUFd3j0NOHBwzOuh73HRdfw62mkSR2gjSN1GKJXhwGj8g39uroNZa79ecoqY/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjizBM0KZmiHjdq2FjV8BnXQtFIhDPmrNTSO__KTPxLXKDHzaQhfzvoGg16zpLAmqiyy3M5C7II8hRehybRYhQGf1tKn8tlrejck2QeVw64_ttKsnFb6lg-OHXyxhBYB0o8HKqMk70P-kg/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIY-7s4o5PRQ9TGbW67rvpUQl5_FGeBgP7vZBxqZob8YvX1ssTdb8ZyBIOwJYHDeJ0w5lxvv6WIqR6IuKv09EvoVVm55ZjBn-o8D-qXcB-zdoioPJQ9Wfs9-5wxECIdgImJWI7D8cBraU/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIbjPWpMrx2kJR5Z3cYRYkyLKkkgtO2A4TgWp0vnX2PouJ29ld7slnWkrNlNEb4e4IKc15AJ0SXAsrfDi08Nt13Ozc9POIF9KJNyeqA8Cagd5Gjm0G-C4bFCXdddoPvQlr6NiSmQucUFI/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZtVmr3e3sF56vKk0w-xMciXyms8LZe4yE74uOkJWsJ_BkqzHZKII7RTP1ZGcLb1E4xrhPw4H7oaMlFQvvdcL5r0754EggGmUWlr4d2SE3dGJqzJI82t5TsxF-wnV2kS9yKN9_DHU2cGs/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQrQrHhM5Tyt8wIG5RbalFhqwYDA8RxRIutxWVbTzBM1uYyaPBzNYFi1pWayXH-_4MkgGmEDcf8xf5kwlgpaEpey7baFB_l39EZNoOgYFVPvX1Es0gngtGvT_E4TTlJWCj0mGFijuYoIA/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTxgUaUBmDEa_Yg-vnsMl_IUNcgzZ0mNEHj2qH11rxJbSa7gJRjGex7-_UXA-qbh-iiMVcC2FPhpIBCTUYRqQjUTF06VXLnQUd0h4Nmt0HbXO4FMyqd5-yvXMNbr7bqml8GSqeiAFvUE/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8VFAvZTgUsbzJXGGvs-djzxH3BnjBtIcVTYc6lNit1jzW_8alMiYVVuJHD0q-T3l-sB6YIP54Pq4r3stSx0jdnrvfqozWAD6brwK1WL70ZvPspjKfUk_Yl3N4VRWyh2CK1-YqF2aLhcQ/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5lZVWXuxiVgS8fZAxirwl7ZWu0Oy7PvgTkTpnyFl4yEL2_r55GbKnV8Sd_HejyhQsPJwSh1KYaP2ye9511jRqR3YrN-zewlEmZL7eXSFhDZN-z5cm9hIja63b4aAlDUvvbXtzMAkQAfY/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsJGoTi0NqAIhrPnzoHZPyOH2gu0Rz_yI8pdMNjDPYYzxhiZULqgzvYsSgNzHf13N-bS7B_jtOmjEy0gbXXt0DONPSecSUSCepzGwmTgV9C1L2DtcrKY8GOeZhojyas3n1Ub_8zD1wmjQ/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggw2k8s89PrdcJKsHr0CxX_Kf3ejVdBFH1Qrr7ZVhD_bxzgokAh9ZK9i1Q9-lxTVPjkhYq7SAlLoQxms6kwNiwjZyquNf_09EjNtowWKxzzkeKT5KVo6q4-mnfoOpr8aJsF7XUr4YOL-Q/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2pysvEucINJiI_HsePZgF_sTBuUFJ74ULVb1YHuaMupEObr0S9kJdwHiu8FrcbYnNFAxlByrXlEoa_AWRTG4COWR2F-EqNDLxkGNV-x6ZqDoijaQe3Ic5wKn6d1VeTgo46NxwtDNEZk/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf9at5T31zw_9_H3W9BPe4t4eMDAssjsiUzrAXE_pRsVu8mWDbcsKlHeqOr0CJHuEG_wGCApaLkJtXG29HfCzGN010ckp-dOo9e_9BuNxLHnh1psIEdOY4KO7r9JnXX-lRCXoklhdG1l8/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDKnkQm7FPvEu9-KZ646joIKQ5VjNZbZJ1OKtt979mE7mY-WVczUZRboBO0UK0qPd6BI8rhyphenhyphensHKaA9jH_PQmbiZKzrDmmcHqYrou0LIcefJAlQneT4wskGqIGmTwHeuPa4VF5c-cgL79o/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA8SdGicyEVpv_gBOzzo0LUChecHt6QYiZQuJJiLS3ceUgl9ZTXaCFgsttIbrosl0LHaLPryslAYMgPVuZMeGaLoIAUHlsu4hAEKPrTG1FnVAqnBSXzVNEPWu8fnaPkljKZ1LQ1qtTMlg/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0OfmlxqtgMpVfdW3ONpkW-IPq6qHtq6F7N5Pm0Qz4R7Zx8c8LPjvnQ4ni8pwicsqaQ4VwyiVR9WWYrL3sdxpDUT4SiedfGoy6E324Chn9wUGWTfiBs7SrPVLS9AMys4j_8oCjZvILug/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIN1tfYsWOTFp-XIyVoMMr1Kh_7h9buyGc6_o84RI7X0e9mWfnrQ7Tc8zMN7LzGmGEyfOHZUzONugbHKIJdwxCEE1jRVqOLAY4A_1ZWCqWMwHU3495DiSxXDxy29-GA5V5u63pDgVz6ec/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf5aD1ZGRRu1bX4ESs2AfBcuuROM8ddI10XtCkavm7IwRDBxEA7jZvXSSc16Bzur8iKZmlmMFsNApjOuY1Rk6K3ts7zNf-Ip8mpxVHoxHV9HUzv50Xkxfj9FzlNHcGN1Zwa6EsoI2hPfc/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxoe797PzVPDe0DmVmomJFysOEyIu_JxfOFKPvEM4EfQgCqgxLZ_Y5CyvOIcTzKD0y-hmoYKG8Zomv7TtcG_-eIDcXgrCQhC8muJU2tzTdJSuds2qlFdCbwUD4CKOsGT1IoE9J-7pFOL0/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbtGFdT-lJhpuKtj0I2UK8r-ze3ro1gJEidUAe6vE_LH7XvVd1z_qoCZWbBUGeA3GHGqhsu_zM1a7-qoXxRYeiABtDJyoOoIgHpkdnznawm5QBCrlvZn6EbAwvSZ92yDJQCTg8uCCcx0U/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNC7SfOFYEVJGu1desSthkG55upzBXzvkfgDdQH7kEq3Me-VE2JlzWfYwN40EP-OFZ73IpWJ0RxDwt6oqKuu9hvu-GIEQ0LbN3cLUKj8wcaFSAE3oFoh59zzRxLlhFUna22ETVBZYeBDs/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr_hK6fV1SgAladD6HbhXqFuyzKE1ExRWxWuWh1rNfrXZwGtze0GUUL2SzIbdKk6xa4Lp08VhDCmUP7oqHMrSOwPso4rK6wLBQVT3Cbk-CoRrQBxwGTpnE_5s4A8MRa6u12cX-1o0TX4w/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlVro_5-4Vzv8bwNqIxAaUnn8cjW6caJN_UqwFSjscoDYcRF36jelUKWijUyhHnmvHez2C6ruDCfGsfCFL0u8FJdCQnuzaHoCwAgUZtRi-nGFWuLthXyeN37nJsm7YFiVOO6gBueizk6c/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb8X9Q6XLgKcjFW8C06aevS_spJ95OsiE68pzgpXDC2GE-gc3jhkq7hodRhAd3Qar-pWJM1LZAvSTqBoknlfX7jiDL_sh8oRUpj0sG79dem32zae8wKmlsCWqPr-OvhdBB7hv59rPur9g/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9BfIkslXIQV3Uks0W5sqsEpOLSPE7ENRxE1YsCFai51gxtJwXgYzNQfauuovCLVWD3kj4osQrJRGmr131ntlNlbmv0uJjovHUJLC05kcGToMxjQ_ChKblFDZp__cg_ii0iIMLuo9CsOo/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR19pxKrXSipcJ2WCQFPj6QJXkk_8CNoNSkIOnCiz2LmUiFCtEfaxgqXJFvM3R6jSm0dyQAqxIf6hzCWf1cAkkTzIfXXjFgGVvoMEBQt-3jRfRGC0kj7V9tTMoCJ8KdgkZ91rZx8PB7nw/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(sm\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitwUuoRuBG5fiGZ-QsTvrdetT9b75DaXb5d14B2VvYETNj5SyGRIQqIdew4Up63Xi1F0yOaRDjbbMhOWeTD9cyLVaFsmNZPD-6yDjexi9jubBWkh0aOFMG1cQ-3n9BRhyyvFnwEeAjwkw/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizCkPexSlJ0YOJaYBIVMkzlpPrXDoGdW_tYiz8ypNYOGh8G4NjUNAoWkjItnB5j5_8urdGfY47FePcKOaLmEPWNWVCydE70oPrqou75oz1IX536lbkn05wVFrhnuoHiAeIrM7A0mBPVts/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe41GsICOv1LP8Nsal1r9P3l7kXQMXmIAdpFM_DAoKUFrcyvKy67mQ0ofCPRDaDJCOwV80nRql7QsfbeME-Vva_2KFEidIhE3GY-5LkbhaMH4AZNQv3YiuOdoovvIaUO_uA8FoQ_mhIjQ/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidQXG5Vif9PcMbutZ27VFuOhar2wWNI0BKPv45FlmON2mNVSigXR6blVnThuG1cn__IjBgHKKiU2OaFW8CX8HwRb1HLQf0CnLEAXEP_IrwWmJFV_rbsFBpqEbnl-0VkftajghiiYf1StM/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8DswdyijxCZGBBML-nUGwhI5BT4NlEvibfLQXS9OKD5x4wFTj6vTbFx1yg1d5xICa1go9ma8whOtnD5om-0hskHw8uYv-x6TuEME0pnR6sMtCtEsMa1CRhj6ziUN5zf1UeQ41h5hvq8/s1600/37-namkna-blogspot-com.gif", "(lol)");
 
// Show alert one times!
    $('div.emoWrap')
        .one("click", function() {
        if (emoMessage) {
            alert(emoMessage);
        }
    });
    // Click to show the code!
  $('.emo')
        .css('cursor', 'pointer')
        .live("click", function(e) {
        $('.emoKey')
            .remove();
        $(this)
            .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');
$('.emoKey')
            .trigger("select");
e.stopPropagation();
    });
    $('.emoKey')
        .live("click", function() {
        $(this)
            .focus()
            .select();
    });

});
//]]>
</script>
</b:if>

<div class='cleared'/>
<script type='text/javascript'>
function openup_parseHTML() { window.open(&quot;http://namkna.blogspot.com/p/code-convert-for-blogspot-chuyen-doi.html&quot;, &quot;followblog&quot;, &quot;height=700, width=630, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no&quot; ); }
</script>
5- Lưu mẫu lại.
- Lúc này khung comments của bạn đã xuất hiện các biểu tượng mặt cười nhưng chưa di chuyển khi Trả Lời comments nên không thuận tiện trong việc chèn mặt cười vào comment.

Tùy biến cho mẫu threaded comment của blogger.

- Bước tiếp theo sẽ giúp cho khung mặt cười trên di chuyển theo nhận xét.
1- Vào Mẫu (Template) => Chọn Chỉnh sử HTML (Edit HTML) => Tiếp tục (Proceed) => Chọn  Mở rộng tiện ích mẫu (  Expand Template Widgets)
1- Tìmđoạn code như bên dưới.
<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
   </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
- Thêm vào sau thẻ <b:else/> (phần mình tô màu xanh) đoạn code bên dưới:
<div id='threaded-comment-form'>
- Thêm vào trước thẻ </b:if> (phần mình tô màu xanh) đoạn code bên dưới:
</div>
- Xem hình minh họa dưới để thấy rõ hơn:
Chèn bộ mặt cười (Emoticons) dạng input cho comment của blogspot style 2
2- Tìm đoạn code sau:
document.getElementById(domId).insertBefore(replybox, null);
- Tahy thế nó thành đoạn code bên dưới:
document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);
3- Lưu mẫu của bạn lại và xem kết quả nha.
Theo: Troll VL - Namkna
Tags:
Chia sẻ ngay
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Nhận Tin Qua Email

Cùng tham gia với hơn 1500 người đã đăng ký nhận tin bài qua Email với các Đồ án, luận văn, tiểu luận mới nhất,Nóng nhất trong kì này cập nhật liên tục trên www.thuviendoanluanvan.com từ các giảng viên các trường Đại Học khắp mọi miền đất nước Việt Nam!

Khi đăng ký nhận tin,Bạn sẽ nhận được Email từ chúng tôi.Đăng nhập email để hoàn tất quá trình đăng ký.

Bình Luận[ 0 ]


Post a Comment