Saturday, February 27, 2016

Home » Thủ Thuật Blogspot » Bài đang xem

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

Written By admin duy nguyễn on Saturday, February 27, 2016 | 11:03:00 PM

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/AVvXsEiaK6vDW2pRsnmLYHvYffaHI8W0xG4MuQPBPEhrSxfMpqXRznkyt4Em5XqjrNt-oh5hlkXdM2BqV9nv9gZxOCcO0hSOFjSYHrT3UganHxRtu7I3tTf5Ld7p0z-9mvrn6Nr74RGapYavGJM/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvXP4zivMCWT0zYEDVeP67WDiVCm6nfeY-x94-CGbVGy7UgLWXMlduvwe_qNoo14aSOYok6_VJKG2XDd7Ajt2qfTQtOd4eKgCTWncrR3JpeBD9-bj4qITtDFAgoprX1argObPz-3G85UM/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWne8dcb85TSXAJGO0mypRf9TyGPxLNmwTLnqZHI_SsBO3EQpcnCWHqzvGXnJ6MWycWMtvlt2n-HCpGPJTT4mhVQT5mX5Kc0kDMRr6KIkpQfj4HNiDsdPaGsTkGYO5D7tVwBjF0hSI0Vg/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrHDgAa9zTM_ep3hOgMXfB3eSoD8iBaD-TQ9rupSIhelpL7j29F9AE5M4_tjRMtRckLiyphGGYvbrdoyHZ-RJiQx90cHi-g9QC4huqQwclY4BXcu3hrYtWJO4nwhniI7xHs5R1-RzBcfg/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnUn4-0PTPjE-KC12ylEf_1j75gVIvMIQfhJQXNRw9jUJq5NqX2Y5X391z8LXncSs_S8er4XPIg3pNHRRx4hUd7GXoueHhWd1q0APNenCA1wd43t8HkaV8Wk4BScuakzXi249suZAfO50/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLc6eHatcUuuhrUfpAT_nRt7PluOsP70fYNt3v5r05tPlG3ntxSiwDDrwMCg0LHrzx2T4ytb2fqlDMt6AFE2VvGcLGqwqqAXW-gq7lhnQShAtA86szFvEaE39ZmcZf8Wz19sqowhfnrNM/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibeozvoytHwOJjIOv_twvLcC5QIujZYiO0k1mjBhT0SAypc723FIN4EOzdr6DrJJ1_rCQmTVWDpGvY33go-WMNy37EO6Wz2Pi68vXj-2QUzI8PX_WkOiHwmQizHcyHaUFx7ubdVBbP_Rw/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQmi9bOLJaqWCGepc2P05_IUGMKEX5TXV_Wyvk97m53k95Dx2PUmR5epXs-et1R5hIsD1EI5XFyrz6yvkxIPK_FsD_sQPUfVzNwG8PlC78gCyXXuDmEEDFtqsW_UfZqXdH1JeyLRR1FQg/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-dihnZQ3Ibh8ewToUi9DjlNN-g-uXqJaqn-_jAWeoFYWw56df8Y-2UH8pWXpkG9w2uHFzfT7SgJn45NEIijXaj8KBMI6rzvb8wta4ZaMlh-7TwmNDI9a6yTQFN8vOdtHYg9f2Jqp2PU/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXI07aCJYIUeZbXeW5rcKs8iBesV5G9JVCHRh6aX6TFe9y0AsP8q-R3M7NsWsJbWNYXDL7JlB7r43KZPiv-QSdCRDw2mvHMECG-zh7sZpGBEG6oOY1SEhkaYeXGrZHBnuQT-jU3gH0mIc/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSthy9tHeZOgLero_M5acV_dq8r3bG0hgZF1Zbx_p0wcE5F9pMR189JBa6fT_iOPjYwrbAE0rXz4z0KJTg2wlOtPYxDVfp04oI7bzGI_vhABWv0K6GXE-bt2hsY9xGYuCZMrB9bC1HFjQ/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh88eyl4wqcOganKJkuTs6dj6dqonAbpxprl_7Bc3TyZglJeGfqog71tgzajCu8NGfNOJFFnGz_V0x5zsCkFg_6BMqaKCv6tZN9i0_FqdgOMvq7W8iViib43vJwrk3EbP9frOXCwDbYHbI/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPaenrZolTSUxukR4QugeIQb_6S-F2Kn91O-X2wq-_uBUdcRUESHeLuiM4FEOWcSrK6Pos7DLStZJinjfI2AJ8OGUsX3hkkdLkser3FzDPKkwXc8_IkEBye2JYO17EppWrv0zBg_Nkn6s/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5FxT4ODMHgBVHgnUVPXXawIB3j8N2eI5UQLf9ugi4ql7z5AM1mRFltTW5j4AHPI_9hYbMjUBHShzSAVjXC0x3lH97ylyz8BT5rpOyOKddPyJXzwbahZFNqgW82yTpuwceuXBz83fHYTM/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5PutK2plBb4lQssKO10VX_RKARBZyLoo3Knet541nXnd8Vt_uvcoYAPAcYlmDXwUzh1GrEQFoYusr_brIGrKA8GiPcq8Bxqt3jevC7CJzFaewE-86a1C-OfL__lNf-OgBHCUkyNz9rfs/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3GpUiLG2kn4rFYIxW_Xx22m_W5Lsu_kkh6RubWK-JIBv7a86BAWfiVhcVtbVtJjt0eZTmzxYyTIaHEPHcmU0whF0_To7ija3UNu-8-tPfP65qSyoxveWTL7LZFJE553A-AUNyvkuJP0c/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtvVztzNZWxEq1-7pFe9pDl03OeX9b9FA-Asgo8G_1cGBRZkdqiYDzgVotbwMv0n0Ze165HwM87IxdRqsC6gsSkXrHnrTofcsfxjzIWCumSUiGk6UzWML5Itl7sJefIYklyUltKRivmC0/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0tK1RN7A1aIEZjdiNZnzTLtmqGTtUfO7DScJ5H9SOQI3tM9SO9-s8Lpn9eOqva5FFXZIqW87E8G_LaGT9KeTftzBSAXWmrNnrPK6itQwNfYVSW2NLn6jsYMHwoaVKOMQ7S2DBiQtwTQ/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcvW75d93Cda_ePGyKUjwH91frnktDnJhgsPlMj84kShXP0vqjssjzaNYEd9GOIzXn3YLJtz61776vSlHTz0__ZwywqyX2nSIKhCGhYi9GUN6vhiQDJPboHwzWA55TBY4J9aOrjtzzLls/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEQZXCWTz4bZn-qpQPvAG4c-1pbpBamSHtZItGx9dDReloXH7ZIWF5qOzYKUkl8w6_tQzYE6qF2l1gVy5LN0APuOr0ElJLsu9zyAvOjeczex_pEjBBZI00dBOj4v7nVn3onsTafjkHL_M/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPqLnX_Ae_EmR5j0xwUmr2a0Z9fuyXovqscLHcaHrcU9JP6MiZ08PxOzSqlJ_5E4pMOOvAABqZpRzrDDeg9yqUO24vaO-1LXH_-6vcNM1BV9aMFo-7MFGbUZvgIw2xKLjRhvcZzjd14QU/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjctWS_K4ZM0vCcw9TuDnGWoES3D4rsaQ149SdAcMmqsyqNK_ljDh4QcRM4mvrOkeVfnzvsSSAjCIr_Hxr5X1ifp12uHwoDOdHnVxvwQVhqKsqr7CiK-DKjhXHXTYpxol5BPxGPhEkgdp0/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FeUhGriVxukjeLoedxmHoOvFGMfaU8z8IBI4EipjBudkuV208eBlNAWaQ5RXizpo-tNeR5DqH6PSvV03Kgu3aQoCJb8jTJXJIyEay8JUChueZKhil3UpzSDS67fGZxR4S28qsiVPMQs/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8q_Jnxc8j0jwnpOQs6Z5po2t_TxeYxLHzftm9bXL4IO-YOoU9B9P6O_SRRlvbMw32DLLJAtnnvr_rJ7CgAyIY32JVNb2pKE1Z5Y5iF4n0NZEEEqNvhOL101XIllTaOKIE71USqHu9Uf0/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvFl7Yr_c4SHiMHlSNHGwpDubBmJ7ZhWhj3l4M97SYHfQ9mgA0W4HyYOsQeThlch_VvymARJZ99sC2P98kp8AcCzkCagFbCHYdHxZ0i-TLoFxLCeMJXak-H0WiDi3h2Q57sjrDr_dtCWo/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2_ZqcefQyP70Sz4E_qmne7F4m1n6hZI-EVbI9qXhyphenhyphen2sOsn0Ytv67zjwjddnfhQMvCDtORcMiCaNc4aIGZxTFuwxLI-WP31gdJRiDaI9UOwcAWYzDH4sQKLEpMmGrk6SUpGcUZ-j-iWo/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB2SIK5cA4MgBTlJGZE7gag8yW0dTCBndiNonIbuwsAmgH_qHWNBpMJutWTXDz4-nAi6X20zOyAfXRjx2T7omTM_doHVbUxwj-HXw8iLyKsh6X7hUvxHPbURVTtcsbDta-eMMYY0ZHn_U/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_1xnOKxD3qFZw0el7YD9bxPKjUN-ROPVmFl_8S88WDBvRGVZDHr6m13NIuHjWf6h1uEgZpCgE8VW0Uknf1cltmIcR7LB2rdgfUz9xnndDSgQH0OAV46W6H0A8tjdQNDyUYoghULw3cZ4/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoWyEP-qARRxyCycYvYOU2MX3DthF6C7pz0H7Vpwu0cTbPPfntXFfv6AO2X8y2pSpznErq84vnuGxf0dWOac3c56BEGBVhJIn1mzwKTFNpV7LDYkmJTHYnH1-jHrcJm_ZIgcyf4riFRRU/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdxbUY7tGaE6xjY9vbpp5rpZQ7WGWjA_LONFQKvpkPjFed3lf-Zv5Mzpg5na32vBwpFsa56yAG9FD5wPYYPekGK3-DulEzkGj1SD8UVl7PNwQim09YiAExOA8UQzBMh_JzaRnGNGDcRXM/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjagNhyphenhyphenX2HBIBOeB59X6690eehgA6Q4z6yzwY4wgF8yyr9ESq2gz7Z1lPpb8JWlBALJKylyy39H75lnu2JnpMnifiUwnZdRDi3gedi42vOOlpfltYEV1mQrdeITXGHk31HdqMOYEqwz2mo/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kUAdWzo_q42c-DFyLgMPnPaHBBazw6f4lYl3PE-4bmCYkdUEUHZVoTcf4bjNxSrizHTbdBjN8Wq0oIWm5XVnEaXpmvdUhb3zPfpIXBjdxIuFsa2uZSWXFLXxwMx_iVRFkEwqekgw5Ts/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh93NvDd3N9_iXF3TkjIrzlsPNIzMGjG1mCoU26Nidnc4PLYNkM7mTPJSOTaMjkjqOtSsHGxN0vUGwujWKsWVbdjcRJJI0RM3DbBHbZLZ8JOlcyvk3GrIbRGQ2xHhWSHKHonbJvO-ubrrk/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(s\m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZxPL3xL-rSjk3GHH3BfSO9rVMl7RFTuD4wmzpa0CZEsB82fn6dLI7rxT-Pf90qPIxkQDkp3MjW8qPxCXRtOQc17nARWIZu-p1NIpaMula-eeZxdzfoFk7RkvVDdc9G0Kb4tHwYLG6eak/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIWWJfAqE7iN69eihf9DemJBQO0E0jIpQjdJNHOHdw3xf8UNTQTbgGrS4ZYC0WY-lfjnAvPjpd12hY-Nq9ZKG_CfRoaUi48QCR-55N5u4VaIuHFRY14vPe1MShDe2ZFpjTOJ6u6QmrrSA/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNTZ_tgcMc6HUdlqBC9KVIYaIAcH8cEE3nZtF7Z4T2eRAiHWqOwjE71XQcKt0s-FttOYhrRwT2-TImcadnRPpAWKKiICgbLWj2XVwB3QpZY4uhMlp4P0Cy3hhnXipp0B7uv9XF4weKCsc/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0K6j8pKwNhlCZXoM77fn6SETRplfWEHbdEryJbDlvtpTu6NOPwX6BPZdHQwM_G_6rFLhnoq1dHdPdV71er9qzhyPTh46X4Pjyr945dIgUpDpHt5vmYDG0Hcbvg2Jmx4s66MiDk8_SsBw/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoxWq3mbNih0eT2Cf155Uim3h7_e0pOAiaUP87xz366WF4n8omyAN1QjGzHguBGFu8fWXKbhDI4b2Yzx3rxuyQ9aiu7aiPGFGvBPmzj3eB_qQ7bj__IzKFk-VXvZjraAC9GNzuFV_YaiM/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/AVvXsEiaK6vDW2pRsnmLYHvYffaHI8W0xG4MuQPBPEhrSxfMpqXRznkyt4Em5XqjrNt-oh5hlkXdM2BqV9nv9gZxOCcO0hSOFjSYHrT3UganHxRtu7I3tTf5Ld7p0z-9mvrn6Nr74RGapYavGJM/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvXP4zivMCWT0zYEDVeP67WDiVCm6nfeY-x94-CGbVGy7UgLWXMlduvwe_qNoo14aSOYok6_VJKG2XDd7Ajt2qfTQtOd4eKgCTWncrR3JpeBD9-bj4qITtDFAgoprX1argObPz-3G85UM/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWne8dcb85TSXAJGO0mypRf9TyGPxLNmwTLnqZHI_SsBO3EQpcnCWHqzvGXnJ6MWycWMtvlt2n-HCpGPJTT4mhVQT5mX5Kc0kDMRr6KIkpQfj4HNiDsdPaGsTkGYO5D7tVwBjF0hSI0Vg/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrHDgAa9zTM_ep3hOgMXfB3eSoD8iBaD-TQ9rupSIhelpL7j29F9AE5M4_tjRMtRckLiyphGGYvbrdoyHZ-RJiQx90cHi-g9QC4huqQwclY4BXcu3hrYtWJO4nwhniI7xHs5R1-RzBcfg/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnUn4-0PTPjE-KC12ylEf_1j75gVIvMIQfhJQXNRw9jUJq5NqX2Y5X391z8LXncSs_S8er4XPIg3pNHRRx4hUd7GXoueHhWd1q0APNenCA1wd43t8HkaV8Wk4BScuakzXi249suZAfO50/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLc6eHatcUuuhrUfpAT_nRt7PluOsP70fYNt3v5r05tPlG3ntxSiwDDrwMCg0LHrzx2T4ytb2fqlDMt6AFE2VvGcLGqwqqAXW-gq7lhnQShAtA86szFvEaE39ZmcZf8Wz19sqowhfnrNM/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibeozvoytHwOJjIOv_twvLcC5QIujZYiO0k1mjBhT0SAypc723FIN4EOzdr6DrJJ1_rCQmTVWDpGvY33go-WMNy37EO6Wz2Pi68vXj-2QUzI8PX_WkOiHwmQizHcyHaUFx7ubdVBbP_Rw/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQmi9bOLJaqWCGepc2P05_IUGMKEX5TXV_Wyvk97m53k95Dx2PUmR5epXs-et1R5hIsD1EI5XFyrz6yvkxIPK_FsD_sQPUfVzNwG8PlC78gCyXXuDmEEDFtqsW_UfZqXdH1JeyLRR1FQg/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-dihnZQ3Ibh8ewToUi9DjlNN-g-uXqJaqn-_jAWeoFYWw56df8Y-2UH8pWXpkG9w2uHFzfT7SgJn45NEIijXaj8KBMI6rzvb8wta4ZaMlh-7TwmNDI9a6yTQFN8vOdtHYg9f2Jqp2PU/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXI07aCJYIUeZbXeW5rcKs8iBesV5G9JVCHRh6aX6TFe9y0AsP8q-R3M7NsWsJbWNYXDL7JlB7r43KZPiv-QSdCRDw2mvHMECG-zh7sZpGBEG6oOY1SEhkaYeXGrZHBnuQT-jU3gH0mIc/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSthy9tHeZOgLero_M5acV_dq8r3bG0hgZF1Zbx_p0wcE5F9pMR189JBa6fT_iOPjYwrbAE0rXz4z0KJTg2wlOtPYxDVfp04oI7bzGI_vhABWv0K6GXE-bt2hsY9xGYuCZMrB9bC1HFjQ/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh88eyl4wqcOganKJkuTs6dj6dqonAbpxprl_7Bc3TyZglJeGfqog71tgzajCu8NGfNOJFFnGz_V0x5zsCkFg_6BMqaKCv6tZN9i0_FqdgOMvq7W8iViib43vJwrk3EbP9frOXCwDbYHbI/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPaenrZolTSUxukR4QugeIQb_6S-F2Kn91O-X2wq-_uBUdcRUESHeLuiM4FEOWcSrK6Pos7DLStZJinjfI2AJ8OGUsX3hkkdLkser3FzDPKkwXc8_IkEBye2JYO17EppWrv0zBg_Nkn6s/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5FxT4ODMHgBVHgnUVPXXawIB3j8N2eI5UQLf9ugi4ql7z5AM1mRFltTW5j4AHPI_9hYbMjUBHShzSAVjXC0x3lH97ylyz8BT5rpOyOKddPyJXzwbahZFNqgW82yTpuwceuXBz83fHYTM/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5PutK2plBb4lQssKO10VX_RKARBZyLoo3Knet541nXnd8Vt_uvcoYAPAcYlmDXwUzh1GrEQFoYusr_brIGrKA8GiPcq8Bxqt3jevC7CJzFaewE-86a1C-OfL__lNf-OgBHCUkyNz9rfs/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3GpUiLG2kn4rFYIxW_Xx22m_W5Lsu_kkh6RubWK-JIBv7a86BAWfiVhcVtbVtJjt0eZTmzxYyTIaHEPHcmU0whF0_To7ija3UNu-8-tPfP65qSyoxveWTL7LZFJE553A-AUNyvkuJP0c/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtvVztzNZWxEq1-7pFe9pDl03OeX9b9FA-Asgo8G_1cGBRZkdqiYDzgVotbwMv0n0Ze165HwM87IxdRqsC6gsSkXrHnrTofcsfxjzIWCumSUiGk6UzWML5Itl7sJefIYklyUltKRivmC0/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0tK1RN7A1aIEZjdiNZnzTLtmqGTtUfO7DScJ5H9SOQI3tM9SO9-s8Lpn9eOqva5FFXZIqW87E8G_LaGT9KeTftzBSAXWmrNnrPK6itQwNfYVSW2NLn6jsYMHwoaVKOMQ7S2DBiQtwTQ/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcvW75d93Cda_ePGyKUjwH91frnktDnJhgsPlMj84kShXP0vqjssjzaNYEd9GOIzXn3YLJtz61776vSlHTz0__ZwywqyX2nSIKhCGhYi9GUN6vhiQDJPboHwzWA55TBY4J9aOrjtzzLls/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEQZXCWTz4bZn-qpQPvAG4c-1pbpBamSHtZItGx9dDReloXH7ZIWF5qOzYKUkl8w6_tQzYE6qF2l1gVy5LN0APuOr0ElJLsu9zyAvOjeczex_pEjBBZI00dBOj4v7nVn3onsTafjkHL_M/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPqLnX_Ae_EmR5j0xwUmr2a0Z9fuyXovqscLHcaHrcU9JP6MiZ08PxOzSqlJ_5E4pMOOvAABqZpRzrDDeg9yqUO24vaO-1LXH_-6vcNM1BV9aMFo-7MFGbUZvgIw2xKLjRhvcZzjd14QU/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjctWS_K4ZM0vCcw9TuDnGWoES3D4rsaQ149SdAcMmqsyqNK_ljDh4QcRM4mvrOkeVfnzvsSSAjCIr_Hxr5X1ifp12uHwoDOdHnVxvwQVhqKsqr7CiK-DKjhXHXTYpxol5BPxGPhEkgdp0/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FeUhGriVxukjeLoedxmHoOvFGMfaU8z8IBI4EipjBudkuV208eBlNAWaQ5RXizpo-tNeR5DqH6PSvV03Kgu3aQoCJb8jTJXJIyEay8JUChueZKhil3UpzSDS67fGZxR4S28qsiVPMQs/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8q_Jnxc8j0jwnpOQs6Z5po2t_TxeYxLHzftm9bXL4IO-YOoU9B9P6O_SRRlvbMw32DLLJAtnnvr_rJ7CgAyIY32JVNb2pKE1Z5Y5iF4n0NZEEEqNvhOL101XIllTaOKIE71USqHu9Uf0/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvFl7Yr_c4SHiMHlSNHGwpDubBmJ7ZhWhj3l4M97SYHfQ9mgA0W4HyYOsQeThlch_VvymARJZ99sC2P98kp8AcCzkCagFbCHYdHxZ0i-TLoFxLCeMJXak-H0WiDi3h2Q57sjrDr_dtCWo/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2_ZqcefQyP70Sz4E_qmne7F4m1n6hZI-EVbI9qXhyphenhyphen2sOsn0Ytv67zjwjddnfhQMvCDtORcMiCaNc4aIGZxTFuwxLI-WP31gdJRiDaI9UOwcAWYzDH4sQKLEpMmGrk6SUpGcUZ-j-iWo/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB2SIK5cA4MgBTlJGZE7gag8yW0dTCBndiNonIbuwsAmgH_qHWNBpMJutWTXDz4-nAi6X20zOyAfXRjx2T7omTM_doHVbUxwj-HXw8iLyKsh6X7hUvxHPbURVTtcsbDta-eMMYY0ZHn_U/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_1xnOKxD3qFZw0el7YD9bxPKjUN-ROPVmFl_8S88WDBvRGVZDHr6m13NIuHjWf6h1uEgZpCgE8VW0Uknf1cltmIcR7LB2rdgfUz9xnndDSgQH0OAV46W6H0A8tjdQNDyUYoghULw3cZ4/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoWyEP-qARRxyCycYvYOU2MX3DthF6C7pz0H7Vpwu0cTbPPfntXFfv6AO2X8y2pSpznErq84vnuGxf0dWOac3c56BEGBVhJIn1mzwKTFNpV7LDYkmJTHYnH1-jHrcJm_ZIgcyf4riFRRU/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdxbUY7tGaE6xjY9vbpp5rpZQ7WGWjA_LONFQKvpkPjFed3lf-Zv5Mzpg5na32vBwpFsa56yAG9FD5wPYYPekGK3-DulEzkGj1SD8UVl7PNwQim09YiAExOA8UQzBMh_JzaRnGNGDcRXM/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjagNhyphenhyphenX2HBIBOeB59X6690eehgA6Q4z6yzwY4wgF8yyr9ESq2gz7Z1lPpb8JWlBALJKylyy39H75lnu2JnpMnifiUwnZdRDi3gedi42vOOlpfltYEV1mQrdeITXGHk31HdqMOYEqwz2mo/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kUAdWzo_q42c-DFyLgMPnPaHBBazw6f4lYl3PE-4bmCYkdUEUHZVoTcf4bjNxSrizHTbdBjN8Wq0oIWm5XVnEaXpmvdUhb3zPfpIXBjdxIuFsa2uZSWXFLXxwMx_iVRFkEwqekgw5Ts/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh93NvDd3N9_iXF3TkjIrzlsPNIzMGjG1mCoU26Nidnc4PLYNkM7mTPJSOTaMjkjqOtSsHGxN0vUGwujWKsWVbdjcRJJI0RM3DbBHbZLZ8JOlcyvk3GrIbRGQ2xHhWSHKHonbJvO-ubrrk/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(sm\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZxPL3xL-rSjk3GHH3BfSO9rVMl7RFTuD4wmzpa0CZEsB82fn6dLI7rxT-Pf90qPIxkQDkp3MjW8qPxCXRtOQc17nARWIZu-p1NIpaMula-eeZxdzfoFk7RkvVDdc9G0Kb4tHwYLG6eak/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIWWJfAqE7iN69eihf9DemJBQO0E0jIpQjdJNHOHdw3xf8UNTQTbgGrS4ZYC0WY-lfjnAvPjpd12hY-Nq9ZKG_CfRoaUi48QCR-55N5u4VaIuHFRY14vPe1MShDe2ZFpjTOJ6u6QmrrSA/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNTZ_tgcMc6HUdlqBC9KVIYaIAcH8cEE3nZtF7Z4T2eRAiHWqOwjE71XQcKt0s-FttOYhrRwT2-TImcadnRPpAWKKiICgbLWj2XVwB3QpZY4uhMlp4P0Cy3hhnXipp0B7uv9XF4weKCsc/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0K6j8pKwNhlCZXoM77fn6SETRplfWEHbdEryJbDlvtpTu6NOPwX6BPZdHQwM_G_6rFLhnoq1dHdPdV71er9qzhyPTh46X4Pjyr945dIgUpDpHt5vmYDG0Hcbvg2Jmx4s66MiDk8_SsBw/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoxWq3mbNih0eT2Cf155Uim3h7_e0pOAiaUP87xz366WF4n8omyAN1QjGzHguBGFu8fWXKbhDI4b2Yzx3rxuyQ9aiu7aiPGFGvBPmzj3eB_qQ7bj__IzKFk-VXvZjraAC9GNzuFV_YaiM/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:
Nguyễn Đức Duy Tattoo: Một blogger nghiệp dư, chuyên chia sẻ những thủ thuật blog và các Style Proshow cho mọi người.
Kết nối: Facebook, YouTuBe

Post a Comment

:)
:(
=(
^_^
:D
=D
|o|
@@,
;)
:-bd
:-d
:p

Subscribe to: Post Comments (Atom)
Support : Tin Tức | Tình Yêu | Template Blogspot | ↑ back to top
Ghi rõ nguồn:http://duynguyentattoo.blogspot.com khi phát hành lại thông tin từ trang này
Copyright © 2016. Duy Nguyễn Tattoo - All Rights Reserved
Design by http://duynguyentattoo.blogspot.com/
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Twelve million Duy Nguyễn Tattoo template