Home » Blogspot » Thủ Thuật » 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

Unknown Chủ Nhật, tháng 8 04, 2013 Leave A Comment Blogspot, Thủ Thuật

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

Ảnh minh họa:

Làm thế nào để cài đặt Emoticons cho blogger1- Đăng nhập (login) vào Blog
2- Vào Mẫu (Template)
3- Chọn Chỉnh sử HTML (Edit HTML) => Tiếp tục (Proceed) => Chọn Mở rộng tiện ích mẫu ( Expand Template Widgets)
4- Chèn code sau trước thẻ </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Click vào biểu tượng sau đó copy xuống khung comment";
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// Emoticon bar before comment-form
$(function() {
    $(putEmoAbove)
        .before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~  $-)  (b)  (f) x-)  (k)  (h)  (c)  cheer  (sm)  (fu)  (ku)  (bg)  (lol)<br/><b><a href="javascript:openup_parseHTML()" rel="nofollow" title="Mã hóa code trước khi đưa vào bình luận"><span class="text_style">Mã hóa code đưa vào comments</span></a></b></div>');
    var emo = function(emo, imgRep, emoKey) {
        $(emoRange)
            .each(function() {
            $(this)
                .html($(this)
                .html()
                .replace(/<br>:/g, "<br> :")
                .replace(/<br>;/g, "<br> ;")
                .replace(/<br>=/g, "<br> =")
                .replace(/<br>\^/g, "<br> ^")
                .replace(emo, " <img style='max-height:24px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));
        });
    };
    emo(/\s:\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfJuLHs5CP68t36822jaoGaSp4w7HUCvCtrezoYhej9Q_slBoU_WJHDMUz8qDQdYc-u4NkvS2Xb9pyaVPj0JeD9JSfboYZzMzgNRCbyc4AzeW6aw33Juf3FI3jXmxlf-MgXEwsqyhXqoA/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj28E1hcyuk7XH4e6pM3rw0aXbgHBKU7lBZkUvN5tY7IH6aHJ2qMHwEFa6W3C_UhLeYUEJFMGRWQPu06CeLEEEAWgl1jadPGOD2vhSHnyMArnId2WWeHjNOehZQSdzJ4ZrjzEEhY1W6ths/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdt7eAc0ZMxls3-UnOC1uOCh13zG03TG4RIRor6izGadqr1FCIi5ivPp6Im7SaGv4iMaMW5Fw7LdpMt15u_A_rns6TlJF0KRnAzDf7Jjcy5Q5uHEcRUOgUBzg0uMcirbdz0gYMchVCUz4/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKR001jbvkLlIi3SQiT7DseAagzxlzs3NislV0rulqW-siuICjqbq3zrBMzndrQ1ZeRnELc_V8ZO-0ZQfaeH9TGcYLSURguPMQ4OSIeUv1sZXLC-BVA1LHiMCOqwlnEeUGMl9ErZTHBZs/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNt_v5Hsg07jhhPrE9tRMaZqPCDJaFLNW2RQFLAPSTMIc6D6NP0hm9-wRSZUn7x4l8xV8jLhaICkErUdfPlf5SJSsT8KuwZU1xXuu-6103_yroLuge6QkhJb-nzfWjs9lB_XNRwGhKsBw/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwhQBubF291XzCajwa84WP7OEHZ9P85jXgj9Fx0CCq2qDIGV_qhL8W8P2Hn8q17j9QcWDR6oPds3SnRa4grMsCCqvhl-QTTWknRFLfEYge3lBnHx3r7kU7qymMoNQM9JxgiOksovGWtY/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfG0r4XBG3fqPOzHQfylggimwkPlZE4aA0j_1x58YTf7xwmuALMK9qcdwjtg9OQmdDnZOWpZ-7jGhtKLN0jJucYQ3c5UaZVhpVsbda9Czzf-ppB5AF4PP_YBcH2emYCMUJ-ok3XuKNENA/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbYrPRKD6jxFOr-GZsvv8HScERPoSoatUdPAZoW_YHPDSOCwarvPROovAovz2SPsFDMtI2HT05l1M3IxX6xQDjL52T5_9ibMHsBk_0bVA7HoG1zT_GdJr6Zla-vCZdi4r_RkDN2yryYtM/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr0OHapkhgAWhQVxQjkaiDApXDxYps2zVQdaLlqpuAKYAjgp7tZEiSFMMz_Cj8aGIls9Bo9-91oMUY4jjJy-z-4LThSVYA34NKy4O4HKj8EW7VNoWMrHKX9E6UYqdc8sELgqWwAT8ptns/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-pI0DJy3xHNKmXQgPBfJbxCeR5Erj8P1ZuUsKZPEia3vU1SHj2DQdhD4Z79XTiDVdCK8MtTfx13hQEhRICQqdasrTn5MHvdojEEgjn6OHzIvQ-njkmq8UfHnKkSiVLY5cEvS105z7iOI/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZE9Bnr98DZAqYEPp-AUOALXo2IfJTldB1zbDB9RRPSif2p5CG7LEKegBmveFw0j51TW9Y9THK5fWT0Lv78mX3VIAYBvogT8ThijNPQefHvXhZCbQ52F3_H6Z04MTMjWKRYt_zp-7mog/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9B-9zY_3LRy_W-oEI3_v8dtn2zFGvVgj-SzRkjhjKwZoz1wG66huzmyQLk3dBDBSP2wffBpKM329QDDjwKBMQERig1YQqRrwvJRtrTM2zmVajGiD72a9hhlClh0VMMcwErKbKHPawFN4/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA0WjAprShhE-7Zd4TYB0G1aQUDDxh2mxksuMipNlrV2_oEuMs-IOlBBLI9DVPXQUVjXj50UB-WEI-UEU201Sa8hHbc_WyN67Wk4byYmLPBkyb2FThUhz7_eKQZzNkF1SDp9BZjN1D6JM/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFZwR-rJ5y3iDVqqn1mFWpjrF0kixIvP2BbEOLBfJtt1Hdqv_C_seTUcKZ38rwvjvRvdzHN1_7NFfnEaXVmGWxLQ6BfET4Co01jDxvRgyofVMTw7gezZ-uLIXml86XcRhovFJscv3gW2A/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd4Fu3r4mkjh0FP5zSoTQnWKNL2WoM0mac4bDYUoURu6uVb9gYBdnS7LFSUmObzj9iJ6wRT7PsRRrellCZ9t3U70bRXFsLwmIiukzgAohfoExl2xqOzUW47NRfq3ZvrIIkflW2AUpciHE/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPPavBkeVhNRITuw82I9ZImHSaD1oTwPvUtnpU2wEgbUF-1bs1jj3Ubq3MI4bxcuQby8zkQ4_R6-_XpDrty-eAYsSqJKZm2VRGJGSXol8P8AbgE66493H5VLAEo5kmCU8xj4zj5jyWmXM/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6RoIpQacYuvQZIk1YC5v20j5qWcPQlJX1gguAn0StEQS08iosYYkkyhPBJoYObDFx1LtfoF941f2DHsQv6tqCxm08GekFy6aMvT68ojjb8TJWIHC49DL2pzvR58EQPK0m_hadi9SuWM0/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4sRZ5-ytvMCk-6S9RADc4FVx-FOoV3vd-VKmIdgrslfa8tMSJrkm0tEC_68ddMilv0Olj_BgA_SlaE344GuS0MfnXjZ3hm8uUoK3hq_O_ylzbMCCm6QKpS-iK_aGEiUqmgrLapBaIRG4/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNzoeE9SNjg1vQ9R1W6DrOYBWwFXSfFZ9J9h10fVTFEVWWreaRRSbFDlyn1Uu1ZQ7PY1fuOBx7YVyp5rCU_DE7LV-mSFO3Q8utOAMZEfnWAG8YNKu_PXRbz1QUqgNuVnKBBedmXhJ2KDw/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAnb2flwrDtEZGQ8lNjjkpeC81tU7mO5zQb0y4Je_VTIsj4BE2Hghhq9BNy81_nfvopsuvOu6Y4N_2ZHH6jnJ_QdwYJixmK34-zMIpNuQZjk9CPcQX0aPGc1MWy6uNECYa9rebXbD1Gfs/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdIlgFxNJi3CMw4GzwK-rPoB_NnNuJg48BQV7Aha6wPRkfD6cFuV3ZHLv-gb-TO9c2ZKC2iLHa7oGGLkHwOA2dyUAgEGgdIk1X73GEMya9ekewYqdjaC4NxMd_CDABPncNa-VwkJ4I9Ik/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi6RPzizCjpw9orM1GhazTQeAjROi35xdkrXo85VORg0m8zv6oElX0vHXgPxHRAGDLlIQEK55pmYG2Dj9XRX4gr1B5OtmGQO3fbRpPkBv5n3HBMM78LRTiZ-xu_MF34gaDLiSE6mbhjD4/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJvRBI62ta-GnjSZ6qUOqCOElhc7KIbE7xyQ-Ubchm9VgRIhY4Qr5CMNUTSWBgK3o3Z38cu_c1F719bU2WoeTvvKx8v70Kndm5hmNnpNahTak0jPuDHrep1rq86ZARsEW0Hic25X7b224/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpEE9WIlqzJ30_Kl_NnFSK1fTvECMRMPKtyQ3gL7MCX5GlekLgsKaEXfIG8sAuPtxZFqnhClDHv1MYtcu1JG4pm008McsgSw5hBEYKgJK4oBVwEyem-IfJPMm5cRxQS8M3n00PP8SYV80/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh19Myzj4SPSuW-wXHL6Albj8BNlEPYZ2A0nib8YWt0ESfz7JUuBg1voH7UKcTruzj9K5IGVjm4zQGK0phOA8kXPWJ15h7WbAnGl7Mrt4nOZx68L-ICCuS1bkRAi1_lozC5hEp4dqqekm4/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIMuQvjtBUza8RmiHGupiO8lCQaV-8ENwaNHqM9McrBqMCRQFTVg8hl2d01P6dj3K6-cdKcK6zKqoVQXam5b6loCCSsO5CZx67b6QHuAYb87_C_hadgs5CrqjNBMae3yDr0so2Un3VySU/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfsR0FpbfSkS7mXcCZezfcEmdBeUDstKB2lf3KCLlAmd895SxaSCt9WK3_nhBbJ6gy5il7a0X-MDaS7fgDEAc4vseqPSBF830-gt_Q1xqp7956h9UJeQWtPl5HXEjmgpQkJtmzNtmz8gM/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_JXP4o226ebK6JlyB-qm9YFqMmLhfjk5QU-mkU_5TYOn2q1yr6ag2VukB8em-Eke5pUx_1tNmzwnNkh_vrc4zOgtM9zEHtfoNz4pAOEk2tcox4M-3tzKcmGtMtx1An3i-q4mv-2QBJBs/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpL5-DNu_Orqoos8f8ngLCsVXfJfLBVCOW8SKpqN0__pFeULiA-uQcR8GYR2fZ1BP1SnA7MtFgpRrrrDgrx9nTstSo_IK1esWwlHi5mt7qg2sEZ8V0I3ivIYTGsSqGgltzo6Jw7Y-yREM/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOOTYjbEFVB0ZgXP00uUZ5_OBppNwPCZ8ybSLxU1pIjKRQ8sRTIGtU_JjzZ2gKGVICvY1ZH3c3CcCUirGlkfv7V5bMvQEcUPcnqs1Dsn8gPWCMOWHZtcOuXF9jCVN_9mQ9SO8RHF5sbfw/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvKaff0bTqG4ZLMPFI4WyJl8LfyfEamn_otgZig8Ab6SopmprBhZxyeLk5BTVJB_tiWhpgx1vG6mKDP4cpNd_ky8gq-T4fmIhDcHyb6fWqFWbNgpQwjxFmVsUA0a2fJ_J9gVa39xBj4uA/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBcBAi73UlX4uDqihKANjCAwdNEbk8FbotCZbPYd9rf-w3mU97myhQFES9xtDHwymvJ299VmwmyUzEHPVvTaiHvfMOWF33oOenCYt4HGtbYD0Om1ckXvucBy0b2YkJOzdYpBKAxRN3vpg/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeVelTU2u2h1wC3XKrCAM3B3ERzKB776WkAo0Iryy0_XpGWE33vU5li2LGlzum2BfhIiO_sR2k3NkWsYDVCkJi28QnFeau2pHrjOzlXnPkSvXdzb4bQxh6wEFGyJj0fxxCEg6KzKYDdIc/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(s\m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLn4fda7x5l8s8M7qldWtwzgZXpQaWnOM7r7oyuzFXz7FJFpl52vEOPjup8L65n39s_gGuBFOqO0D-0y5GWBxTC3JP7AU4CgfZJg1RXcaR3jQj5OkF_jW9-adTis-X4DusG7QGjz0wpHw/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgug7EarKO1gnTIHOBpJcIvP6PIuQs3V__oSIr1rJgE-DQUVhTDYMvFtoc60H3PPQjIcXXiwBPH4Htq-kR3JF4dRiCqs2myO17Rf48QA1SUE70EFdWaZ3AR7tvDsi4d4xeYuXKMmq0G_eQ/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpCea6otDjysh3cxwLbOHCMuJTI68IjLgt184BPHCPhfQBYEQ2_Izim32M-inGTAJUY7wo8ZNmHPLC9pWKJ-PXKCq8bVm6FiWwMjf3D2ZmKKwsl_oA0ajGLJU8oRcm4FQR1xUbBC6WOAk/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRfBbrTggjiV2ac3yFB6zQri0nomvYibCDkmi3ct2pd3dWKs3XhrkXQ4jyDKmlN8jU35N5nuWZfJrH_FwH00cvJlCjpfU0jZkh7fBN90H5chgXDM4s03inQwgfMS3LieVgVZ5fUvEKMGQ/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihtODWQ93DM7urU7XTb7yksA8D0qf9wMcGUEXSZz7Z9m6Mx93clF470F3uQ4OhlJRp-n7l7pXakN-KD6iPgpCCEvukAB2hiye7uN2BvhGlpzXOGWOnc8CFPBjo8k_7jgMcXUHoZ-MXPXA/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/AVvXsEgfJuLHs5CP68t36822jaoGaSp4w7HUCvCtrezoYhej9Q_slBoU_WJHDMUz8qDQdYc-u4NkvS2Xb9pyaVPj0JeD9JSfboYZzMzgNRCbyc4AzeW6aw33Juf3FI3jXmxlf-MgXEwsqyhXqoA/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj28E1hcyuk7XH4e6pM3rw0aXbgHBKU7lBZkUvN5tY7IH6aHJ2qMHwEFa6W3C_UhLeYUEJFMGRWQPu06CeLEEEAWgl1jadPGOD2vhSHnyMArnId2WWeHjNOehZQSdzJ4ZrjzEEhY1W6ths/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdt7eAc0ZMxls3-UnOC1uOCh13zG03TG4RIRor6izGadqr1FCIi5ivPp6Im7SaGv4iMaMW5Fw7LdpMt15u_A_rns6TlJF0KRnAzDf7Jjcy5Q5uHEcRUOgUBzg0uMcirbdz0gYMchVCUz4/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKR001jbvkLlIi3SQiT7DseAagzxlzs3NislV0rulqW-siuICjqbq3zrBMzndrQ1ZeRnELc_V8ZO-0ZQfaeH9TGcYLSURguPMQ4OSIeUv1sZXLC-BVA1LHiMCOqwlnEeUGMl9ErZTHBZs/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNt_v5Hsg07jhhPrE9tRMaZqPCDJaFLNW2RQFLAPSTMIc6D6NP0hm9-wRSZUn7x4l8xV8jLhaICkErUdfPlf5SJSsT8KuwZU1xXuu-6103_yroLuge6QkhJb-nzfWjs9lB_XNRwGhKsBw/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwhQBubF291XzCajwa84WP7OEHZ9P85jXgj9Fx0CCq2qDIGV_qhL8W8P2Hn8q17j9QcWDR6oPds3SnRa4grMsCCqvhl-QTTWknRFLfEYge3lBnHx3r7kU7qymMoNQM9JxgiOksovGWtY/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfG0r4XBG3fqPOzHQfylggimwkPlZE4aA0j_1x58YTf7xwmuALMK9qcdwjtg9OQmdDnZOWpZ-7jGhtKLN0jJucYQ3c5UaZVhpVsbda9Czzf-ppB5AF4PP_YBcH2emYCMUJ-ok3XuKNENA/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbYrPRKD6jxFOr-GZsvv8HScERPoSoatUdPAZoW_YHPDSOCwarvPROovAovz2SPsFDMtI2HT05l1M3IxX6xQDjL52T5_9ibMHsBk_0bVA7HoG1zT_GdJr6Zla-vCZdi4r_RkDN2yryYtM/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr0OHapkhgAWhQVxQjkaiDApXDxYps2zVQdaLlqpuAKYAjgp7tZEiSFMMz_Cj8aGIls9Bo9-91oMUY4jjJy-z-4LThSVYA34NKy4O4HKj8EW7VNoWMrHKX9E6UYqdc8sELgqWwAT8ptns/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-pI0DJy3xHNKmXQgPBfJbxCeR5Erj8P1ZuUsKZPEia3vU1SHj2DQdhD4Z79XTiDVdCK8MtTfx13hQEhRICQqdasrTn5MHvdojEEgjn6OHzIvQ-njkmq8UfHnKkSiVLY5cEvS105z7iOI/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZE9Bnr98DZAqYEPp-AUOALXo2IfJTldB1zbDB9RRPSif2p5CG7LEKegBmveFw0j51TW9Y9THK5fWT0Lv78mX3VIAYBvogT8ThijNPQefHvXhZCbQ52F3_H6Z04MTMjWKRYt_zp-7mog/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9B-9zY_3LRy_W-oEI3_v8dtn2zFGvVgj-SzRkjhjKwZoz1wG66huzmyQLk3dBDBSP2wffBpKM329QDDjwKBMQERig1YQqRrwvJRtrTM2zmVajGiD72a9hhlClh0VMMcwErKbKHPawFN4/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA0WjAprShhE-7Zd4TYB0G1aQUDDxh2mxksuMipNlrV2_oEuMs-IOlBBLI9DVPXQUVjXj50UB-WEI-UEU201Sa8hHbc_WyN67Wk4byYmLPBkyb2FThUhz7_eKQZzNkF1SDp9BZjN1D6JM/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFZwR-rJ5y3iDVqqn1mFWpjrF0kixIvP2BbEOLBfJtt1Hdqv_C_seTUcKZ38rwvjvRvdzHN1_7NFfnEaXVmGWxLQ6BfET4Co01jDxvRgyofVMTw7gezZ-uLIXml86XcRhovFJscv3gW2A/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd4Fu3r4mkjh0FP5zSoTQnWKNL2WoM0mac4bDYUoURu6uVb9gYBdnS7LFSUmObzj9iJ6wRT7PsRRrellCZ9t3U70bRXFsLwmIiukzgAohfoExl2xqOzUW47NRfq3ZvrIIkflW2AUpciHE/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPPavBkeVhNRITuw82I9ZImHSaD1oTwPvUtnpU2wEgbUF-1bs1jj3Ubq3MI4bxcuQby8zkQ4_R6-_XpDrty-eAYsSqJKZm2VRGJGSXol8P8AbgE66493H5VLAEo5kmCU8xj4zj5jyWmXM/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6RoIpQacYuvQZIk1YC5v20j5qWcPQlJX1gguAn0StEQS08iosYYkkyhPBJoYObDFx1LtfoF941f2DHsQv6tqCxm08GekFy6aMvT68ojjb8TJWIHC49DL2pzvR58EQPK0m_hadi9SuWM0/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4sRZ5-ytvMCk-6S9RADc4FVx-FOoV3vd-VKmIdgrslfa8tMSJrkm0tEC_68ddMilv0Olj_BgA_SlaE344GuS0MfnXjZ3hm8uUoK3hq_O_ylzbMCCm6QKpS-iK_aGEiUqmgrLapBaIRG4/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNzoeE9SNjg1vQ9R1W6DrOYBWwFXSfFZ9J9h10fVTFEVWWreaRRSbFDlyn1Uu1ZQ7PY1fuOBx7YVyp5rCU_DE7LV-mSFO3Q8utOAMZEfnWAG8YNKu_PXRbz1QUqgNuVnKBBedmXhJ2KDw/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAnb2flwrDtEZGQ8lNjjkpeC81tU7mO5zQb0y4Je_VTIsj4BE2Hghhq9BNy81_nfvopsuvOu6Y4N_2ZHH6jnJ_QdwYJixmK34-zMIpNuQZjk9CPcQX0aPGc1MWy6uNECYa9rebXbD1Gfs/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdIlgFxNJi3CMw4GzwK-rPoB_NnNuJg48BQV7Aha6wPRkfD6cFuV3ZHLv-gb-TO9c2ZKC2iLHa7oGGLkHwOA2dyUAgEGgdIk1X73GEMya9ekewYqdjaC4NxMd_CDABPncNa-VwkJ4I9Ik/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi6RPzizCjpw9orM1GhazTQeAjROi35xdkrXo85VORg0m8zv6oElX0vHXgPxHRAGDLlIQEK55pmYG2Dj9XRX4gr1B5OtmGQO3fbRpPkBv5n3HBMM78LRTiZ-xu_MF34gaDLiSE6mbhjD4/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJvRBI62ta-GnjSZ6qUOqCOElhc7KIbE7xyQ-Ubchm9VgRIhY4Qr5CMNUTSWBgK3o3Z38cu_c1F719bU2WoeTvvKx8v70Kndm5hmNnpNahTak0jPuDHrep1rq86ZARsEW0Hic25X7b224/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpEE9WIlqzJ30_Kl_NnFSK1fTvECMRMPKtyQ3gL7MCX5GlekLgsKaEXfIG8sAuPtxZFqnhClDHv1MYtcu1JG4pm008McsgSw5hBEYKgJK4oBVwEyem-IfJPMm5cRxQS8M3n00PP8SYV80/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh19Myzj4SPSuW-wXHL6Albj8BNlEPYZ2A0nib8YWt0ESfz7JUuBg1voH7UKcTruzj9K5IGVjm4zQGK0phOA8kXPWJ15h7WbAnGl7Mrt4nOZx68L-ICCuS1bkRAi1_lozC5hEp4dqqekm4/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIMuQvjtBUza8RmiHGupiO8lCQaV-8ENwaNHqM9McrBqMCRQFTVg8hl2d01P6dj3K6-cdKcK6zKqoVQXam5b6loCCSsO5CZx67b6QHuAYb87_C_hadgs5CrqjNBMae3yDr0so2Un3VySU/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfsR0FpbfSkS7mXcCZezfcEmdBeUDstKB2lf3KCLlAmd895SxaSCt9WK3_nhBbJ6gy5il7a0X-MDaS7fgDEAc4vseqPSBF830-gt_Q1xqp7956h9UJeQWtPl5HXEjmgpQkJtmzNtmz8gM/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_JXP4o226ebK6JlyB-qm9YFqMmLhfjk5QU-mkU_5TYOn2q1yr6ag2VukB8em-Eke5pUx_1tNmzwnNkh_vrc4zOgtM9zEHtfoNz4pAOEk2tcox4M-3tzKcmGtMtx1An3i-q4mv-2QBJBs/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpL5-DNu_Orqoos8f8ngLCsVXfJfLBVCOW8SKpqN0__pFeULiA-uQcR8GYR2fZ1BP1SnA7MtFgpRrrrDgrx9nTstSo_IK1esWwlHi5mt7qg2sEZ8V0I3ivIYTGsSqGgltzo6Jw7Y-yREM/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOOTYjbEFVB0ZgXP00uUZ5_OBppNwPCZ8ybSLxU1pIjKRQ8sRTIGtU_JjzZ2gKGVICvY1ZH3c3CcCUirGlkfv7V5bMvQEcUPcnqs1Dsn8gPWCMOWHZtcOuXF9jCVN_9mQ9SO8RHF5sbfw/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvKaff0bTqG4ZLMPFI4WyJl8LfyfEamn_otgZig8Ab6SopmprBhZxyeLk5BTVJB_tiWhpgx1vG6mKDP4cpNd_ky8gq-T4fmIhDcHyb6fWqFWbNgpQwjxFmVsUA0a2fJ_J9gVa39xBj4uA/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBcBAi73UlX4uDqihKANjCAwdNEbk8FbotCZbPYd9rf-w3mU97myhQFES9xtDHwymvJ299VmwmyUzEHPVvTaiHvfMOWF33oOenCYt4HGtbYD0Om1ckXvucBy0b2YkJOzdYpBKAxRN3vpg/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeVelTU2u2h1wC3XKrCAM3B3ERzKB776WkAo0Iryy0_XpGWE33vU5li2LGlzum2BfhIiO_sR2k3NkWsYDVCkJi28QnFeau2pHrjOzlXnPkSvXdzb4bQxh6wEFGyJj0fxxCEg6KzKYDdIc/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(sm\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLn4fda7x5l8s8M7qldWtwzgZXpQaWnOM7r7oyuzFXz7FJFpl52vEOPjup8L65n39s_gGuBFOqO0D-0y5GWBxTC3JP7AU4CgfZJg1RXcaR3jQj5OkF_jW9-adTis-X4DusG7QGjz0wpHw/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgug7EarKO1gnTIHOBpJcIvP6PIuQs3V__oSIr1rJgE-DQUVhTDYMvFtoc60H3PPQjIcXXiwBPH4Htq-kR3JF4dRiCqs2myO17Rf48QA1SUE70EFdWaZ3AR7tvDsi4d4xeYuXKMmq0G_eQ/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpCea6otDjysh3cxwLbOHCMuJTI68IjLgt184BPHCPhfQBYEQ2_Izim32M-inGTAJUY7wo8ZNmHPLC9pWKJ-PXKCq8bVm6FiWwMjf3D2ZmKKwsl_oA0ajGLJU8oRcm4FQR1xUbBC6WOAk/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRfBbrTggjiV2ac3yFB6zQri0nomvYibCDkmi3ct2pd3dWKs3XhrkXQ4jyDKmlN8jU35N5nuWZfJrH_FwH00cvJlCjpfU0jZkh7fBN90H5chgXDM4s03inQwgfMS3LieVgVZ5fUvEKMGQ/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihtODWQ93DM7urU7XTb7yksA8D0qf9wMcGUEXSZz7Z9m6Mx93clF470F3uQ4OhlJRp-n7l7pXakN-KD6iPgpCCEvukAB2hiye7uN2BvhGlpzXOGWOnc8CFPBjo8k_7jgMcXUHoZ-MXPXA/s1600/37-namkna-blogspot-com.gif", "(lol)");
 
// Show alert one times!
    $('div.emoWrap')
        .one("click", function() {
        if (emoMessage) {
            alert(emoMessage);
        }
    });
    // Click to show the code!
  $('.emo')
        .css('cursor', 'pointer')
        .live("click", function(e) {
        $('.emoKey')
            .remove();
        $(this)
            .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');
$('.emoKey')
            .trigger("select");
e.stopPropagation();
    });
    $('.emoKey')
        .live("click", function() {
        $(this)
            .focus()
            .select();
    });

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

<div class='cleared'/>
<script type='text/javascript'>
function openup_parseHTML() { window.open(&quot;http://namkna.blogspot.com/p/code-convert-for-blogspot-chuyen-doi.html&quot;, &quot;followblog&quot;, &quot;height=700, width=630, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no&quot; ); }
</script>

5- Lưu mẫu lại.
- Lúc này khung comments của bạn đã xuất hiện các biểu tượng mặt cười nhưng chưa di chuyển khi Trả Lời comments nên không thuận tiện trong việc chèn mặt cười vào comment.
Tùy biến cho mẫu threaded comment của blogger.- Bước tiếp theo sẽ giúp cho khung mặt cười trên di chuyển theo nhận xét.
1- Vào Mẫu (Template) => Chọn Chỉnh sử HTML (Edit HTML) => Tiếp tục (Proceed) => Chọn Mở rộng tiện ích mẫu ( Expand Template Widgets)
1- Tìmđoạn code như bên dưới.

<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
   </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>

- Thêm vào sau thẻ <b:else/> (phần mình tô màu xanh) đoạn code bên dưới:

<div id='threaded-comment-form'>

- Thêm vào trước thẻ </b:if> (phần mình tô màu xanh) đoạn code bên dưới:

</div>

- Xem hình minh họa dưới để thấy rõ hơn:

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

2- Tìm đoạn code sau:

document.getElementById(domId).insertBefore(replybox, null);

- Tahy thế nó thành đoạn code bên dưới:

document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);

3- Lưu mẫu của bạn lại và xem kết quả nha.

Nguồn: Namkna

Blogger

Facebook - Comments

Không có nhận xét nào...Leave one now

Nhận Xét
- Cảm ơn đã ghé thăm blog
- Vui lòng để lại lời bình nếu có thắc mắc, góp ý.