Key Word Key Word Key Word Key Word Key Word Key Word Key Word

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

10:39
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/AVvXsEjjOI43coCBbkM4WWOWyJbvWwXKNRQob5XnZnp-KHQ7d462anqKCC_XlbQi_eylYLz4AJv43a9vbHP7dmEMsGfV_TTd_GVlhLiRzRjLBTEAR4qpMJVdbmLY-WF5F7ShdNPIM40ZU97NpUM/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRdapBRs1XpdsZ8SHXt-E94sLkxbT5UJu64YaUe0UueoKhJdB0WcYp-YA_ZwY3LwJ33rQQiDN8YQT_a71mZ1lfufVK98TkUCEiOVIBcQ9MBhCAgW5IKpaJiW1XElfKQuLnz3-a8yHN8I/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh8sp3nlbnMYXCDBifTolsNbS0vPk5M-guyUxIPXjmzNGZntmEsYiWZSf5RXw1vocH5rxm5qK0Tb5yXLVmaPn-9cL3aaDmVeK0Fk-q_7RHnKXUaV-JW84WSsr_Db1c6k75eOr_N35II5g/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTN8YT9WXmLPmU7OMb6oWqPIFINnqKVSkGnqKNXYjnIf98m56pm1Vfybdfr69jZUwEleAgCRB-zEkJNafUfVHQp1NF0iF0Y11KutOBTH9-rtgrOpul1CUQbkVqTs5TX5lFxY1N0SW29FM/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXPPyBRl0WLBG0cUDyQy2Wi7yRSdAZjM0DDHNPO_L9BGw8CUe22L59djYdhH4Mo5yY2ATiy_Xlsjm6Kf6VM2SRLUGT8zvsR65WvjOO6MVJZM367wXG0CygNbnkWLjb8wkzrkCeHBbihhM/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2AaAO2Md9C8iHyB_xl-8sm2trTejfaPQzAvzDyvBmA9RCNBnu5GVXuO6byL0kFC2FAtp3LUjeJAxJSw4h1GycYKliS3RNy07P4u5-gfs1U6zbryTTaGvigf9yawetCKC8yF6mMMok62Y/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC8BZVKZMM5Bw7KNN5WOH2EyVylTHcpzxegrFYUs6GxefcAt21P8jGSerzJoXflHf4Ga7A-luagtjIczLShLCt8LFP5yCxVdrSbPXtLdoJ9zYfYZ92pmuH6PZp03HQ-97Cc06huhUNOfY/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4EMeqz2y4brz6quR9Cbgyghd4Src-DnBkMbMKFo3pIXSw_wP5bVoNPU2YKOGjrSt0YlB21XTtkW_Y_SFqfu6DNh5I7rXwBZODzhHO0D1eHXYHJMMLA2v4lL7oOoc6BuDlZ3wjD5gXpd0/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYWSLR1SlxvYBRL2uDVsMYAbphVo9sg1IrUiuotQpZXlwjp2oTHbyVy5QIJEMpK75t0wLWP857oeGdTfJGTcQkAzQJKMGwmc4G3lhYwjCujhp46w-n8Wtv3V3Qhzw56-VJOTO2Rgqt6VU/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAYFfSi73xv3rudTPcilmrdtGLn9v2tqSa1ghPwRrYauicvLmniaOYqJ5-jZW9u0rs56LVZ4F5Bw_Xf2AGjBCPAiYMSK5tMRY1ZaXTIYWAcEASoEaKNJiRFNwgKX6L6rVkEV7keueT5BU/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi6ruDuYaQaAQ7KmIxJlXN4ugB9A8p7SMJ6mElNGFw-TYirUOLafnxmMIP1UFzVVyqxpTGtqEeXH4fRMODQvI9tgiFXT72msfhRCZFG6p0EdCXYRYNfTqIMQs56UsptQ0pTcmV8xQrUNE/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnxH4WZq8u6GnTTqcy5CLzUNO1g4q0wrjMWHWGrESpLhmxzJqdxE8pDoabBSKyvAFKOFaiKIZm3EQkGqLJpzrK7XdLPWI3Uf7ncGPvb0WlpzDzoHWny1rTVdTKZhKHmXR7zqGFnScMpM/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJnRSRyKq-IWiDVUCmCPuwQvTAPwy_dyR5BZW9nCJ5lgj2ItlJS65xdrCJqzRB-F5F5OUe5c89nqecAX5NUwJ2rDshGRcIOx4MEDPbCOQ4Dq7NEzhsVcQqboqpo-kjhmwfd91v51Trs9A/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy9OWxMIMYaUjayj6-4xH5nSeIsl8GYorIrRdSgJiEQwr05Ln5muxHh3GcIpneftae4yn_baHP3fWrADe3RTfi_MPRVtN85SHvU0VPjw-FS6u9DyemXKyfKrsg1Z4ShZ7FFgwUid4Ca5Q/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5j4DmT3z1LbDFXSrdJAs0-qzdX4VwYwAQm7O6yanWMZV2NGwKdvYb5toRetNjeXmWKn-c_EJN0uYakAsVy4pEp3mLAYPz1byencsVG9b-0gcSbbmNyIC5j02rag3oza1wOcdJ6Exr8yI/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUjSsK3RdevpOqIP1Xy8FL8NUHengPtg9J5lmgzRNHbboP-pA8H40-AqLof_gTjj0zRYnCJZ_lVhD0eq7poUxZs194_1MP9ZbDFFi3UIsD7eWp7n7H53VKVX8pwTcDFj4vdUKUSxWaJAo/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-pNrm6z6ncEMKFCL5nalkq9IJkyYy_KlMWMfaryMpIPJVezBDQilRs0OLksCi8tFd2tu2bg4BEE5tDVSqWpwbRCf3yjHZ5zLlqmR_r1Tc2erv6QZjGrQwYrukAP72tgywe7sfJ8oebKA/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjDIC4ORXRD1RwQZRoUnadTF7OdZHSgWfFzpWTQpiKHv0Fsx_IX4axJaS57CBPSnwiC78xfcun3ACBwvWhaE4Atpp_jBu7u2fAdVqfAZHYSWnKeqlttob1xUVqYzi0JmjER4ADz5yHPAo/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP7wjxsSj5QXN0zsRo4YISCSAhCrI0AJa0U8JLfcVeXHaUfsgZNJXpZmJJCgkeYgfB5il4mYC5uP03i95_kGbhZi2oKKzHCZb-g5Wb239xFfMuSB_fyo_PCNeXB1eM7S_2BEqjAWupWyE/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9y78OzspRUBzQGJ0n221-D0WuxjRG-UfQwfGMZRQ3paFRH2I6zoEnwfYlk6zll9LhM22NMlPP1hVpmXzmh1s_4I-eVKf91ISRZ1rl9us_pMWN3OLaoceIauNBSfe9aokt2GaJjwtu31M/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2eysFWKjMdv2tpyoaKjX-SmvTDOwZbWNzaEIGYgm0d0HCyiTbuuHTWJW7GJmjBjVaqRSAbd51hMuzBo6KmtKFYBIRpQd7KxxtcRpWYL_H4DPXAJ7q-gRR_fo35vzLjB9iZgVpZBmV53g/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDyEm0fUS7_Crrzb8DPpIGX3XYLdVlgkZSdj-pzEvdZjHvNDpZ0_vchVyWP87QBWFHI_N_RbTkOlBlH3Zz-5uB76xYb3YuGHiw1Klz_ZXlzwNurHfBFxabM_FwP3fETQUE6HwSKpn3r_g/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFbWBPhqc6hL9cphHz9DYMxMOvs-5HEYp65RCaMzmoIbAeZgJf7usXtfzK3uKn8R08RNLf7oAfUTaDKZlLHn0PAYgIj_VLzHeWbrTB0oEt4cA7prg66Oz1XmIfs-8hUCWGdkmdM06qt6M/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP3bIx3d7w6dG7o0Z63ij6Orw9-gKju6Ur-UjyxEex4flASQyVGU-7S-s64AOdZdtHhr_Aq3MvJDv1jD2z7FPADEWineN5YHTaEcnc265Z1Aw7Ln0AxzNxTtfE2TzM6iXdP43N_d3LLis/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOZRIYQ8hBhHNHUWf07qL6Ph23j9qv9MxSaxPo_JGl-j4-u4OeD7kFFBZ3hM51guLc6GEVAVGXWp6NZQEAIaBNtTWBUXIZSj3KVBH0KBAhZO-BJaMrM-Blu5rNZc1GSyi9GR2BWDY-AYo/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx8o-NsyB5TtoxPq470g2EQagHnF-g13pRaQo6j0VairD6YHp0juwJTiB3rJyYFFinFHGGleWb_DbXVgYxOGQ5DGoRv2q09CMnBPcLxTpl6ZBJ-v-Wek7jlsP97gVxwT28R5Du6aUBMXY/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFILl5dGO9lRXZX6dC-i2Ut-MBDhEDUtGLOENzbpjq6NHKS9iixj9_r7gZRR6IGZuR8c65hM93i7x41hYIWHIqMAkiQaR-D2M1EbD05H6jio-n-NPRQ0R7weJlE7e9lzCJdp0maqx0Y3Q/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRzGuul6TFHeCRhYacd51zfJuoNLSrpPL2byTmmbKSsCTlS_lz9tzDyCUk-9N_mU5PKX6FqQQ3uub55ciQKFlCWZGp_OBadhLHl2_hP0W2U55UFi0wjN16Jmn65VcxKvOFzCaPoumsl70/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdffkDBJtYyM6MraqLrVQaE5nJ20pXkhnjpVugQXN1PyZsmI6HW_zUEvUkGtxMRIbSUU208hZsH5e77Nz5713PuDoSP7zt_DmTTWDLmAeMu3WuIJ_hGNVe71DwMG8mKnAqHuSdRk3A8wE/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXhpk4v1fLuJC3sU-nWmlBw7xQw7SZtyAwtZy8G6ZU5ZAdmuDSUJxOWkDEuXYKn5nOX-6g1B1x1D0IrUISC15_OfCcqoKeko4vVi4fJGY5xJTKDrvyAwfJflOtZZpydXEYaJWkh2jrfJc/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-0n4bjvTqOlhsRxN0RHHlGamdha7xsG9txJ78bk8aVs9lMd7WviiyfubndwT-jA8IYkMOMtvPy9ordBjxxV9QwBlrpE_QcI1CcNm0Y118Mg-JfMc7Us4gDx_kfUzWswjVnMJpBwfIf0E/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYPfvseYsap6rbs3M_ZtyUhOPEl0vXytwgh2pP6TZCpt6meBAPjrrSe3u-v3KXDuWbbKTgx17yYhniJOfZlhPU2_WgxcwA7L49s3e3NXW2fM8CO1FgDvpZkeKABCL9x0bkd4aFP-HMnwk/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNqQHsWEfOH5QYjIMfrxcg99dM65jgvOckiiivhYXyd0m0PtkcCyqzra03-LC29gkRoqlT0VybOaT3aP-7N2FH1q8VXJO_SJ__nlIBjdWiXq1AGAgskI6v7bKWX3p-lgvvoKhv3DkH0Kg/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(s\m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt_1vywkEVZgDCl4kfZ80FgYd9litMlJ6Vq-VXbpnc2pp4V-GNA8bzDS7pvUz6A7908PVEWgolYvnq2r-nKBCf6bS06Vlmc3ZvgE2zSdAtTeU1bmtOKXi4uZxIUMN8lD2vfmgxGO7HXRI/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrOa-gLYLNR477SjZSnPR30aVdBSkzc-1Kpi96nMwuAlbO4NL51_uk2FGJg7JZBI88jW3ObKQF_cLUx1H4yrpTJPYou0zHmQCACufwfgkMr2Ahyphenhyphen6vItPgh9FJlmqPtf5Vw1mz8t90vOY/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUWZUNEipR7xrRFHeX5vPfjcPsCvOvMR0bTjoO8rodmrhKoVnQlPN8dF_OiiFBXKnw_cenxdznNp6gtcYGc8gGxBLilB4ps46HF_4pV16P3NGMJUvS3S0h6Joa-51f_Ly_iwog7HKByWw/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQXW0otXl88uTuLpdasbA-tAuv2ovU2nFdYvmbGrHXYR1ERc-Tu-kdck_FZDM2mJ3MzIUE-CWDSDw-gkCzFJe2ZTofNhSisFG6ZQrsL9OYpn8pZ-RDeWQkzk6MQOW7ohgHyb3t_81iVMA/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcEq60CpiQtQwsEL-cicaTSidvsr05FdZS36gdOQfFDD2EpmMamWNLAOqIv2LHvEbac3aDYUzRTxeVvxFVf16Hi-FK91UysavovO2qBuzJJQQ1IQi0TqpV8aSXzUtHjle1V5e0FCWlW04/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/AVvXsEjjOI43coCBbkM4WWOWyJbvWwXKNRQob5XnZnp-KHQ7d462anqKCC_XlbQi_eylYLz4AJv43a9vbHP7dmEMsGfV_TTd_GVlhLiRzRjLBTEAR4qpMJVdbmLY-WF5F7ShdNPIM40ZU97NpUM/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRdapBRs1XpdsZ8SHXt-E94sLkxbT5UJu64YaUe0UueoKhJdB0WcYp-YA_ZwY3LwJ33rQQiDN8YQT_a71mZ1lfufVK98TkUCEiOVIBcQ9MBhCAgW5IKpaJiW1XElfKQuLnz3-a8yHN8I/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh8sp3nlbnMYXCDBifTolsNbS0vPk5M-guyUxIPXjmzNGZntmEsYiWZSf5RXw1vocH5rxm5qK0Tb5yXLVmaPn-9cL3aaDmVeK0Fk-q_7RHnKXUaV-JW84WSsr_Db1c6k75eOr_N35II5g/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTN8YT9WXmLPmU7OMb6oWqPIFINnqKVSkGnqKNXYjnIf98m56pm1Vfybdfr69jZUwEleAgCRB-zEkJNafUfVHQp1NF0iF0Y11KutOBTH9-rtgrOpul1CUQbkVqTs5TX5lFxY1N0SW29FM/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXPPyBRl0WLBG0cUDyQy2Wi7yRSdAZjM0DDHNPO_L9BGw8CUe22L59djYdhH4Mo5yY2ATiy_Xlsjm6Kf6VM2SRLUGT8zvsR65WvjOO6MVJZM367wXG0CygNbnkWLjb8wkzrkCeHBbihhM/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2AaAO2Md9C8iHyB_xl-8sm2trTejfaPQzAvzDyvBmA9RCNBnu5GVXuO6byL0kFC2FAtp3LUjeJAxJSw4h1GycYKliS3RNy07P4u5-gfs1U6zbryTTaGvigf9yawetCKC8yF6mMMok62Y/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC8BZVKZMM5Bw7KNN5WOH2EyVylTHcpzxegrFYUs6GxefcAt21P8jGSerzJoXflHf4Ga7A-luagtjIczLShLCt8LFP5yCxVdrSbPXtLdoJ9zYfYZ92pmuH6PZp03HQ-97Cc06huhUNOfY/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4EMeqz2y4brz6quR9Cbgyghd4Src-DnBkMbMKFo3pIXSw_wP5bVoNPU2YKOGjrSt0YlB21XTtkW_Y_SFqfu6DNh5I7rXwBZODzhHO0D1eHXYHJMMLA2v4lL7oOoc6BuDlZ3wjD5gXpd0/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYWSLR1SlxvYBRL2uDVsMYAbphVo9sg1IrUiuotQpZXlwjp2oTHbyVy5QIJEMpK75t0wLWP857oeGdTfJGTcQkAzQJKMGwmc4G3lhYwjCujhp46w-n8Wtv3V3Qhzw56-VJOTO2Rgqt6VU/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAYFfSi73xv3rudTPcilmrdtGLn9v2tqSa1ghPwRrYauicvLmniaOYqJ5-jZW9u0rs56LVZ4F5Bw_Xf2AGjBCPAiYMSK5tMRY1ZaXTIYWAcEASoEaKNJiRFNwgKX6L6rVkEV7keueT5BU/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi6ruDuYaQaAQ7KmIxJlXN4ugB9A8p7SMJ6mElNGFw-TYirUOLafnxmMIP1UFzVVyqxpTGtqEeXH4fRMODQvI9tgiFXT72msfhRCZFG6p0EdCXYRYNfTqIMQs56UsptQ0pTcmV8xQrUNE/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnxH4WZq8u6GnTTqcy5CLzUNO1g4q0wrjMWHWGrESpLhmxzJqdxE8pDoabBSKyvAFKOFaiKIZm3EQkGqLJpzrK7XdLPWI3Uf7ncGPvb0WlpzDzoHWny1rTVdTKZhKHmXR7zqGFnScMpM/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJnRSRyKq-IWiDVUCmCPuwQvTAPwy_dyR5BZW9nCJ5lgj2ItlJS65xdrCJqzRB-F5F5OUe5c89nqecAX5NUwJ2rDshGRcIOx4MEDPbCOQ4Dq7NEzhsVcQqboqpo-kjhmwfd91v51Trs9A/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy9OWxMIMYaUjayj6-4xH5nSeIsl8GYorIrRdSgJiEQwr05Ln5muxHh3GcIpneftae4yn_baHP3fWrADe3RTfi_MPRVtN85SHvU0VPjw-FS6u9DyemXKyfKrsg1Z4ShZ7FFgwUid4Ca5Q/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5j4DmT3z1LbDFXSrdJAs0-qzdX4VwYwAQm7O6yanWMZV2NGwKdvYb5toRetNjeXmWKn-c_EJN0uYakAsVy4pEp3mLAYPz1byencsVG9b-0gcSbbmNyIC5j02rag3oza1wOcdJ6Exr8yI/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUjSsK3RdevpOqIP1Xy8FL8NUHengPtg9J5lmgzRNHbboP-pA8H40-AqLof_gTjj0zRYnCJZ_lVhD0eq7poUxZs194_1MP9ZbDFFi3UIsD7eWp7n7H53VKVX8pwTcDFj4vdUKUSxWaJAo/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-pNrm6z6ncEMKFCL5nalkq9IJkyYy_KlMWMfaryMpIPJVezBDQilRs0OLksCi8tFd2tu2bg4BEE5tDVSqWpwbRCf3yjHZ5zLlqmR_r1Tc2erv6QZjGrQwYrukAP72tgywe7sfJ8oebKA/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjDIC4ORXRD1RwQZRoUnadTF7OdZHSgWfFzpWTQpiKHv0Fsx_IX4axJaS57CBPSnwiC78xfcun3ACBwvWhaE4Atpp_jBu7u2fAdVqfAZHYSWnKeqlttob1xUVqYzi0JmjER4ADz5yHPAo/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP7wjxsSj5QXN0zsRo4YISCSAhCrI0AJa0U8JLfcVeXHaUfsgZNJXpZmJJCgkeYgfB5il4mYC5uP03i95_kGbhZi2oKKzHCZb-g5Wb239xFfMuSB_fyo_PCNeXB1eM7S_2BEqjAWupWyE/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9y78OzspRUBzQGJ0n221-D0WuxjRG-UfQwfGMZRQ3paFRH2I6zoEnwfYlk6zll9LhM22NMlPP1hVpmXzmh1s_4I-eVKf91ISRZ1rl9us_pMWN3OLaoceIauNBSfe9aokt2GaJjwtu31M/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2eysFWKjMdv2tpyoaKjX-SmvTDOwZbWNzaEIGYgm0d0HCyiTbuuHTWJW7GJmjBjVaqRSAbd51hMuzBo6KmtKFYBIRpQd7KxxtcRpWYL_H4DPXAJ7q-gRR_fo35vzLjB9iZgVpZBmV53g/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDyEm0fUS7_Crrzb8DPpIGX3XYLdVlgkZSdj-pzEvdZjHvNDpZ0_vchVyWP87QBWFHI_N_RbTkOlBlH3Zz-5uB76xYb3YuGHiw1Klz_ZXlzwNurHfBFxabM_FwP3fETQUE6HwSKpn3r_g/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFbWBPhqc6hL9cphHz9DYMxMOvs-5HEYp65RCaMzmoIbAeZgJf7usXtfzK3uKn8R08RNLf7oAfUTaDKZlLHn0PAYgIj_VLzHeWbrTB0oEt4cA7prg66Oz1XmIfs-8hUCWGdkmdM06qt6M/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP3bIx3d7w6dG7o0Z63ij6Orw9-gKju6Ur-UjyxEex4flASQyVGU-7S-s64AOdZdtHhr_Aq3MvJDv1jD2z7FPADEWineN5YHTaEcnc265Z1Aw7Ln0AxzNxTtfE2TzM6iXdP43N_d3LLis/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOZRIYQ8hBhHNHUWf07qL6Ph23j9qv9MxSaxPo_JGl-j4-u4OeD7kFFBZ3hM51guLc6GEVAVGXWp6NZQEAIaBNtTWBUXIZSj3KVBH0KBAhZO-BJaMrM-Blu5rNZc1GSyi9GR2BWDY-AYo/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx8o-NsyB5TtoxPq470g2EQagHnF-g13pRaQo6j0VairD6YHp0juwJTiB3rJyYFFinFHGGleWb_DbXVgYxOGQ5DGoRv2q09CMnBPcLxTpl6ZBJ-v-Wek7jlsP97gVxwT28R5Du6aUBMXY/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFILl5dGO9lRXZX6dC-i2Ut-MBDhEDUtGLOENzbpjq6NHKS9iixj9_r7gZRR6IGZuR8c65hM93i7x41hYIWHIqMAkiQaR-D2M1EbD05H6jio-n-NPRQ0R7weJlE7e9lzCJdp0maqx0Y3Q/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRzGuul6TFHeCRhYacd51zfJuoNLSrpPL2byTmmbKSsCTlS_lz9tzDyCUk-9N_mU5PKX6FqQQ3uub55ciQKFlCWZGp_OBadhLHl2_hP0W2U55UFi0wjN16Jmn65VcxKvOFzCaPoumsl70/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdffkDBJtYyM6MraqLrVQaE5nJ20pXkhnjpVugQXN1PyZsmI6HW_zUEvUkGtxMRIbSUU208hZsH5e77Nz5713PuDoSP7zt_DmTTWDLmAeMu3WuIJ_hGNVe71DwMG8mKnAqHuSdRk3A8wE/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXhpk4v1fLuJC3sU-nWmlBw7xQw7SZtyAwtZy8G6ZU5ZAdmuDSUJxOWkDEuXYKn5nOX-6g1B1x1D0IrUISC15_OfCcqoKeko4vVi4fJGY5xJTKDrvyAwfJflOtZZpydXEYaJWkh2jrfJc/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-0n4bjvTqOlhsRxN0RHHlGamdha7xsG9txJ78bk8aVs9lMd7WviiyfubndwT-jA8IYkMOMtvPy9ordBjxxV9QwBlrpE_QcI1CcNm0Y118Mg-JfMc7Us4gDx_kfUzWswjVnMJpBwfIf0E/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYPfvseYsap6rbs3M_ZtyUhOPEl0vXytwgh2pP6TZCpt6meBAPjrrSe3u-v3KXDuWbbKTgx17yYhniJOfZlhPU2_WgxcwA7L49s3e3NXW2fM8CO1FgDvpZkeKABCL9x0bkd4aFP-HMnwk/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNqQHsWEfOH5QYjIMfrxcg99dM65jgvOckiiivhYXyd0m0PtkcCyqzra03-LC29gkRoqlT0VybOaT3aP-7N2FH1q8VXJO_SJ__nlIBjdWiXq1AGAgskI6v7bKWX3p-lgvvoKhv3DkH0Kg/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(sm\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt_1vywkEVZgDCl4kfZ80FgYd9litMlJ6Vq-VXbpnc2pp4V-GNA8bzDS7pvUz6A7908PVEWgolYvnq2r-nKBCf6bS06Vlmc3ZvgE2zSdAtTeU1bmtOKXi4uZxIUMN8lD2vfmgxGO7HXRI/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrOa-gLYLNR477SjZSnPR30aVdBSkzc-1Kpi96nMwuAlbO4NL51_uk2FGJg7JZBI88jW3ObKQF_cLUx1H4yrpTJPYou0zHmQCACufwfgkMr2Ahyphenhyphen6vItPgh9FJlmqPtf5Vw1mz8t90vOY/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUWZUNEipR7xrRFHeX5vPfjcPsCvOvMR0bTjoO8rodmrhKoVnQlPN8dF_OiiFBXKnw_cenxdznNp6gtcYGc8gGxBLilB4ps46HF_4pV16P3NGMJUvS3S0h6Joa-51f_Ly_iwog7HKByWw/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQXW0otXl88uTuLpdasbA-tAuv2ovU2nFdYvmbGrHXYR1ERc-Tu-kdck_FZDM2mJ3MzIUE-CWDSDw-gkCzFJe2ZTofNhSisFG6ZQrsL9OYpn8pZ-RDeWQkzk6MQOW7ohgHyb3t_81iVMA/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcEq60CpiQtQwsEL-cicaTSidvsr05FdZS36gdOQfFDD2EpmMamWNLAOqIv2LHvEbac3aDYUzRTxeVvxFVf16Hi-FK91UysavovO2qBuzJJQQ1IQi0TqpV8aSXzUtHjle1V5e0FCWlW04/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

Share this

Net Xây Dựng

Related Posts

Next
« Prev Post
Previous
Next Post »

0 nhận xét:

Biểu tượng mặt cười ( Copy & paste xuống phần Comment )
Hãy Luôn Comment Để Tạo Động Lực Cho Tác Giả

Emoticon