News Ticker

Menu
Được tạo bởi Blogger.

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

By duynguyentattoo - Thứ Bảy, 27 tháng 2, 2016 - No Comments

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/AVvXsEgeXr5zjsRcHvauImhxUZ3yFG8yuzeZf_tuwCiyjzyaVUqe03vtmxsjo7t0ENqcqWU2vhtZdfEJTqWDxe2hY3m00QSF5Kop0V4iW6KzNNyPseRRvfVkZley29X65-_M5d-GPXw7hWUljc8/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO-1vjv1E09L200F1-4o-jGqGWChbUwURwej4tiaFO0LrcFPPGzFj8tbmxQjGQTgiym-ZwHOVerA8TbYMUQbRzeII_grTyzoApAAPebF3K-_fwkItw3crL_Zv_qADsKkwYqk231HqIYDw/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLhury_5lmVnRcIF_JMnKJb8ycXKUm7r37VwCkXgC2-cy906y0if-O5b1kU8Hu93AeVPcpeXScCGtksZWBlCc9LY9C3Zv0RqFkRg3YjPRcvPEuHUFc9lvhKs8gChDd4GidUpZ0MorqU0Q/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsr_F3uWyOtbV5sFTbr8Gw1CLlrfkbVOHsUg4-SKRIy9ehJ9SERWo0c90SDo-WgCbwK6RvJHA9OckaqdcseyBzl5PWBC6UY8aCrK2Yau7Mzuzf6U0VCP0Fg6Lj9WlRRFo9nG-gytfABek/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg39YaRJ_ZxEbB3NQAp5hNY3r-MZiLGXl9jXavFG9JgiJnBf5qHb_TbHC5aRR5CQA32bBsxxmfZyglFsm28LGJz89UPptdJfQkyJg_7sLuKfodCDW3-zZeSxbLWIZ0Af-xoFreeMwxvEok/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2gBxHFLPtu7ciCxvSZqIaL4g4WaJZ_fDq5JTYM7VJBv-EM44gBPJCA3Bfv6diQOwprgPIPmEtd9ALqHRyiug3fW9SJ3Vw76INm7aRo0ZgJFDIKW21nANDw5pPlCPO_E-IxqlAkxCwQNs/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQeo3sQC3EWgYss1mqcpk2LOOwYd6sZ9yooIPBcnrFQ8DkwZTiLzB7zXJ5ZorqvDv69TDCiPeIIoXcnHUjW0gFgOFdZJbheDPl_V06IErVvFEgCKfbC_nrVfWK-3O1PLDvDfB47vt-qY/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSpjWoGwUqGrsaJxmcULqiWNiFBYjNAvMyL3C213Y6JSdOSwc_E7ISKQ3Kkg8Y6NHrkgkOKkkWQR6uC1EtQrTIhPrSrovnUGaCXc9WxtaIxLn6zBGwCkUH1WUwLeqli1B_ywn9S67yqB4/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHTY2N06KFciC_i4HY4dYo1va0-vRmL26xRyfvyHDE6sYQecDLbP26ih1W9R0oWQ6irvxuMnpDiHxYNOmndhfkvnedlx91t6WkpkPLsDw9Dc831urZDNLverlPfeNd0ieUedyBED0DJiQ/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3eUFXCwDhyUlKmg2pEuB8FexVuRE7nvv4Av6nVB6pBQFmPfSuUpr4xhQCmArOvtufqKQ8GPFtTmwhlw6KM-EOcymg4jsYSxR35u-DgE2I1LMOZGBBJr9_Q7RtmsbDZWe5JY4W3Iu2Idw/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpXnjmnO4d6HSSGFQMuqB1XkbbGgzO2dQQGkWowk5x-Miw3rfLxVYWjFOc5jxV7tCPNjLXBEDXBkseYZxYhPNiekCtMbD_RCEOSvpJbvnBI5qNJLVEKG4nLU_-bYKWRRlM12btpn2ttvw/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1E1QZhTb-nJ4uq9yigKjB8lAkYCYByR-LL1Rw7ZqkmiwoaHGBZTUgyPPjud8yOBB2yl43z6b08NffVU0goF_gE5Sp_8MsVUZDwiigYDDS0immLtkgLJKgcmumTw2UoOOgxLH5_UpdKfM/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Tq-2dxrfdmVsm9VYImtG9RpAEnlnnVuYjAJTqmVuWLG7s7o5UWcJ6FyjZA9zUlb94WM_r9Xmu0t5TW4yWU7yxO8660SlhV0Rlidhrb9XPDwpVH-KbM9w4oqABCRzhUMsVwlM0sz_vrw/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Z6s6E1Y6Xy56BdXA1BpodhBbZMtADyXR1lVhFcsJdbZ4bns5rm65eieNqaB90KimA1_4_IIf4CODadVwX2i9D9OpsHPrdKMt5lWG9qjR6yanGDSnzVJFKP4bR4OSnpDMP2CE-TvPv4g/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAgFe7cSVeL6O3u0DIJmcEQj8MemZuIc-89kZKZwTmr4HlF5YoopWRsBYqf_h7KieivSfeDzY8kosy2og1knN4p4R48KgQSddcpTC59zr9r1YEGPTz3k55Gpm_DCxH0Vb9G8I9Xs5JsbI/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvejwmBN1QPnasqWIMtAzylsIvjIUBg1v-fZknNuD2GNZQSs9s_aU-Aidieqy4BCPy1kbWWccAlpFDdvbMTFmhmT8YVoIfIYLAFLLnfKhA6T4FePZ7MlEIX4GU7mVN3qjrxoQGriEHMM0/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdFjG1GjXmH8uZYuHRv3F_IVxy08JKBAR7YJ3EhTzjWTHmzZ_mPblo2OEMon2mesbM067nqgpjD9Zp50iEmhhH-4_0IrVpLgmSpWtx_9oKZWVTHfacSnG9MF2_dj1iPSGSKD8PtIDrs0I/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3B9ypqrPl9oiuhRWEtR35tJoL_bedWVxUDsfEbov1Dihw31R2TbLuN7zHPgBi1BpR61Ciq2N7WsfbiCVr8pM1O09xpupPQGqmJHEyvBuWWYof-JNRA8m3tTbh6QnrSEIvmhk7DfXiPbo/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinOqo7TIhw7ksg7OvNCHd4HAm8VgQPVj1BM6k4BbMssSvR4T0eHB5BVzJumfVmUSB68j4ev-NmBdz46Z2P0QlBt_KGCj4NAHAGNK8msil8L_IGqyIlR63MTNDHVi1FDjMy6YFO2Jg0ysk/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp7wv4vy10DU1SOb52yHEBrN8es3kD6gyYyL9JC7yw9SMS305-lfR0pEtTZywUW3SxkkKfUS2Fne0Z5fNueqrt0EV8UZeznmL-OblCgL1JCnf11k4mYNvrJpew_gg0KplxSzYS773O3NE/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5EJ6tzu5ggKinH6c01iT-iJ3M-FSX6sa_-s2gwwsozgE3mf5r0RYwDYYO7AF7bEgcv6OqAWjEqY-ksCSpYFyB4U5GrB5Fz2h5B63bgbt8Jthex9RiROn9Qze-O2i-Xt60fx9qSYym288/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LFu3dy7D4e7L6cXm-zOyoHW5oIvXGEMUljcD2bFaGBRFVD6XU-edqtDWIyKeUf4fFeEKOgz44NRxcwZ0plAeLIkxF1RrjSwXVYvp2yFmdTRC3OPEhybBq5O7FERklVHWsW_JQX2bywE/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGNB8UCYFd-7TrpBftWhVz5Ik3yfH7_qAHZpj1aody7_fsO7czXP_96-zJaUj4ojUa3_payCW3DQR5KfRRaKcNXKdjfERpFCws-3nJrLYFbUSuic-t92_QUBI6AijhNUCx7BTR30jMuVY/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDS-2hwvL0308CHduY8TCi8Nac54f0bN48I5bQpechkwTv7IHC9EWqvJyYVMVq5d5AZNHIVPNqlxoKqUaijeUTlJqj8RMBh7SMIOTwwv8FXAMnZKf1EkcpqDNKuqzqONvG2nR7rokAIGI/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR27d8hkQa3pXfDMEwcqzVJxT4dom-m1HCii4IrpzhbXIxk0MwQOrjEnK3Qtkr6w8eX4ThKV5NjnoCXXjHOfm6UztjDc6qFWyToEv2zc6v_ukLp_UUYaTQqcxl4XQ25RcPZ0SEoROW8Ps/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_dT1kvCdWZUGo__OpTOyYoinF5oPkUDRJTilvigOhyQbUkooUTRZOZBWMaVoAeWMdhM8BGaSCAKVMFwOd5osmxADDdtebdxAgZ1kH0ka9bcTIYk3lF5VWR8FbG4CADDZ-ziDcsXiR8ZM/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCKz-1wVM6Em6FAlrAApEfvgqp6aSmHJHP7Y31j_nVK-SKPU4hzZFc0Q6v3peftdDOHA1Wq5TwKGUTNYCGD6E3ZL-Zc8RsKb4jjcBwnFWEmlJkT6bh_h3qzL6F30El0FzT2ShwzXH4CoM/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxzCd1vc14NhKRYHEe2hJ1lOFRFRsuX3lnMrcfB1-YPL6L1XpbexB8F6rK4HDPFhBd624QHPJFdHWs9OEvnbTzZSRpNbE6yac4XlGfO_8rWz9PZiydgPRC-tW5ximJvcNozvvOi7GFzcU/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmRD4h9OBEfu90sg29WudYSdehQe8Di-mSDi-xG3pA0LzNv4pT5usHPuPWNMlu4A488XmUN22Ooo1YFC3u7ePRjqLPrkbs_XL9hcrsZlZWGTUVaGUyrVfSQK1xkwNsnmf6z6JSx0z7iyc/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq9P5yWu1z3BU-fPyFdyiPVDVLe8AJX9H1H7aYJ7mBhJhXDwkjO-gw0UIy2pxeGwQzgSBra2fhuLmyrl4jV4L1iUturKiGdUVrK4W8c1sBJfLFFb_gyC2iwnTQ6JcJ6iOXEbrwrVw4DnY/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4uKIbubBiOPm9IirN7P8Kl38jPRVRd-wGTif0L3LDzTpIV0onQrjWGfNnEN7fA81c1jlZ9xgm5nd1iE20iyqox9RoEVl9EmLa8UrHrljS6RsZd_gnutvKcCzy4FArrTQh9An4jEorg14/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp2tIlTXmC1QVfoukCeCQ6Ev7CbPYkPV7KnfVFZXy3azg4dHsq5owVzJeqeExFP9YDcbbzASOO-TNWSpsCyljT4pn9LJgZE8Q2DEYhb49d3etrMc-f9asJcykBDUGxsx7z0SrCKVnvHrw/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL7UptRrLmWah6YjToRokWjzntnh-09xTcABDLUkmy8eSFLLAvjH4QSbCz7IwUCiBqPDjPs0ir81TS2Z9w9ASmBc5jyhSOeeHMFxwd54op9_4QViuqxhL6DPJaNgghSnVJB9KZpytP6K0/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(s\m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPib94Cq3eIflS_Rr8B0gThorSiQCpzcYk1x0XV-qwVhyphenhyphen0xV9aYoZ2PGM8o7aNM2Lh5O98AcZwJHMAd6IYLxNuwpf0-Vy7FG2EG4CxsyT05Lb7GTwRfb6Pg0BcM-lUMTmAjGkKlbPrgvY/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMxlPpdSeHSdc7iRBLISxp-TadtjD-OOvAu1XEjzsWcyXeWDMRklJJ6PdDohCylcu5rpgPa6Zcb0k5IN9lMtpPwNGlwNYe17fKL6dr8wQB0XjHZJJdbYNLcfNNDeSqcHkBPoJer8MZaqU/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSc-Qlp5YPQNIaLVQLuRzXw0gem9GvvnecCO-G7R2XA5FbJmIGTRuZxt5JFX9Gbuz8f21DXaxyluEyGzFa29Ebe0xFp_W4dOrALo98OhyphenhyphenZRcvM6-AyBHPoIa8MSO-QSZpui6Euc0z2sZk/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqrdciplWYtNZfk_eBd6UJRlUCEE0H-KD3UplTZ1HFod2S1E6IkpoZnDO8hdUr48DWrx0gzFvmeE33BlwJFRDzf-a9asv-oWj1f-cT2BXMVnYWkWUgR3hCPFNSHAj_XQT29F2BlJuJ7ug/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDsqzYIrxfvhHiULlBRYnmK-qjRM-Y0WktAIDCRbkifGhCsGnUfwLWyD-LKQ4gcp3bGQPa2JiR6fVB3Xqw9y2hGx5K6iX-GQewZjmvOk8GVoXbYtuZV6mSh_kl5Gsl4p5c5CcHLK2mrEw/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/AVvXsEgeXr5zjsRcHvauImhxUZ3yFG8yuzeZf_tuwCiyjzyaVUqe03vtmxsjo7t0ENqcqWU2vhtZdfEJTqWDxe2hY3m00QSF5Kop0V4iW6KzNNyPseRRvfVkZley29X65-_M5d-GPXw7hWUljc8/s1600/38-namkna-blogspot-com.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO-1vjv1E09L200F1-4o-jGqGWChbUwURwej4tiaFO0LrcFPPGzFj8tbmxQjGQTgiym-ZwHOVerA8TbYMUQbRzeII_grTyzoApAAPebF3K-_fwkItw3crL_Zv_qADsKkwYqk231HqIYDw/s1600/39-namkna-blogspot-com.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLhury_5lmVnRcIF_JMnKJb8ycXKUm7r37VwCkXgC2-cy906y0if-O5b1kU8Hu93AeVPcpeXScCGtksZWBlCc9LY9C3Zv0RqFkRg3YjPRcvPEuHUFc9lvhKs8gChDd4GidUpZ0MorqU0Q/s1600/01-namkna.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsr_F3uWyOtbV5sFTbr8Gw1CLlrfkbVOHsUg4-SKRIy9ehJ9SERWo0c90SDo-WgCbwK6RvJHA9OckaqdcseyBzl5PWBC6UY8aCrK2Yau7Mzuzf6U0VCP0Fg6Lj9WlRRFo9nG-gytfABek/s1600/02-namkna.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg39YaRJ_ZxEbB3NQAp5hNY3r-MZiLGXl9jXavFG9JgiJnBf5qHb_TbHC5aRR5CQA32bBsxxmfZyglFsm28LGJz89UPptdJfQkyJg_7sLuKfodCDW3-zZeSxbLWIZ0Af-xoFreeMwxvEok/s1600/03-namkna1.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2gBxHFLPtu7ciCxvSZqIaL4g4WaJZ_fDq5JTYM7VJBv-EM44gBPJCA3Bfv6diQOwprgPIPmEtd9ALqHRyiug3fW9SJ3Vw76INm7aRo0ZgJFDIKW21nANDw5pPlCPO_E-IxqlAkxCwQNs/s1600/04-namkna.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQeo3sQC3EWgYss1mqcpk2LOOwYd6sZ9yooIPBcnrFQ8DkwZTiLzB7zXJ5ZorqvDv69TDCiPeIIoXcnHUjW0gFgOFdZJbheDPl_V06IErVvFEgCKfbC_nrVfWK-3O1PLDvDfB47vt-qY/s1600/05-namkna.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSpjWoGwUqGrsaJxmcULqiWNiFBYjNAvMyL3C213Y6JSdOSwc_E7ISKQ3Kkg8Y6NHrkgkOKkkWQR6uC1EtQrTIhPrSrovnUGaCXc9WxtaIxLn6zBGwCkUH1WUwLeqli1B_ywn9S67yqB4/s1600/07-namkna.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHTY2N06KFciC_i4HY4dYo1va0-vRmL26xRyfvyHDE6sYQecDLbP26ih1W9R0oWQ6irvxuMnpDiHxYNOmndhfkvnedlx91t6WkpkPLsDw9Dc831urZDNLverlPfeNd0ieUedyBED0DJiQ/s1600/08-namkna.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3eUFXCwDhyUlKmg2pEuB8FexVuRE7nvv4Av6nVB6pBQFmPfSuUpr4xhQCmArOvtufqKQ8GPFtTmwhlw6KM-EOcymg4jsYSxR35u-DgE2I1LMOZGBBJr9_Q7RtmsbDZWe5JY4W3Iu2Idw/s1600/09-namkna-blogspot-com.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpXnjmnO4d6HSSGFQMuqB1XkbbGgzO2dQQGkWowk5x-Miw3rfLxVYWjFOc5jxV7tCPNjLXBEDXBkseYZxYhPNiekCtMbD_RCEOSvpJbvnBI5qNJLVEKG4nLU_-bYKWRRlM12btpn2ttvw/s1600/10-namkna-blogspot-com.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1E1QZhTb-nJ4uq9yigKjB8lAkYCYByR-LL1Rw7ZqkmiwoaHGBZTUgyPPjud8yOBB2yl43z6b08NffVU0goF_gE5Sp_8MsVUZDwiigYDDS0immLtkgLJKgcmumTw2UoOOgxLH5_UpdKfM/s1600/11-namkna-blogspot-com.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Tq-2dxrfdmVsm9VYImtG9RpAEnlnnVuYjAJTqmVuWLG7s7o5UWcJ6FyjZA9zUlb94WM_r9Xmu0t5TW4yWU7yxO8660SlhV0Rlidhrb9XPDwpVH-KbM9w4oqABCRzhUMsVwlM0sz_vrw/s1600/12-namkna-blogspot-com.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Z6s6E1Y6Xy56BdXA1BpodhBbZMtADyXR1lVhFcsJdbZ4bns5rm65eieNqaB90KimA1_4_IIf4CODadVwX2i9D9OpsHPrdKMt5lWG9qjR6yanGDSnzVJFKP4bR4OSnpDMP2CE-TvPv4g/s1600/13-namkna-blogspot-com.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAgFe7cSVeL6O3u0DIJmcEQj8MemZuIc-89kZKZwTmr4HlF5YoopWRsBYqf_h7KieivSfeDzY8kosy2og1knN4p4R48KgQSddcpTC59zr9r1YEGPTz3k55Gpm_DCxH0Vb9G8I9Xs5JsbI/s1600/14-namkna-blogspot-com.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvejwmBN1QPnasqWIMtAzylsIvjIUBg1v-fZknNuD2GNZQSs9s_aU-Aidieqy4BCPy1kbWWccAlpFDdvbMTFmhmT8YVoIfIYLAFLLnfKhA6T4FePZ7MlEIX4GU7mVN3qjrxoQGriEHMM0/s1600/15-namkna-blogspot-com.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdFjG1GjXmH8uZYuHRv3F_IVxy08JKBAR7YJ3EhTzjWTHmzZ_mPblo2OEMon2mesbM067nqgpjD9Zp50iEmhhH-4_0IrVpLgmSpWtx_9oKZWVTHfacSnG9MF2_dj1iPSGSKD8PtIDrs0I/s1600/16-namkna-blogspot-com.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3B9ypqrPl9oiuhRWEtR35tJoL_bedWVxUDsfEbov1Dihw31R2TbLuN7zHPgBi1BpR61Ciq2N7WsfbiCVr8pM1O09xpupPQGqmJHEyvBuWWYof-JNRA8m3tTbh6QnrSEIvmhk7DfXiPbo/s1600/17-namkna-blogspot-com.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinOqo7TIhw7ksg7OvNCHd4HAm8VgQPVj1BM6k4BbMssSvR4T0eHB5BVzJumfVmUSB68j4ev-NmBdz46Z2P0QlBt_KGCj4NAHAGNK8msil8L_IGqyIlR63MTNDHVi1FDjMy6YFO2Jg0ysk/s1600/18-namkna-blogspot-com.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp7wv4vy10DU1SOb52yHEBrN8es3kD6gyYyL9JC7yw9SMS305-lfR0pEtTZywUW3SxkkKfUS2Fne0Z5fNueqrt0EV8UZeznmL-OblCgL1JCnf11k4mYNvrJpew_gg0KplxSzYS773O3NE/s1600/19-namkna-blogspot-com.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5EJ6tzu5ggKinH6c01iT-iJ3M-FSX6sa_-s2gwwsozgE3mf5r0RYwDYYO7AF7bEgcv6OqAWjEqY-ksCSpYFyB4U5GrB5Fz2h5B63bgbt8Jthex9RiROn9Qze-O2i-Xt60fx9qSYym288/s1600/20-namkna-blogspot-com.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LFu3dy7D4e7L6cXm-zOyoHW5oIvXGEMUljcD2bFaGBRFVD6XU-edqtDWIyKeUf4fFeEKOgz44NRxcwZ0plAeLIkxF1RrjSwXVYvp2yFmdTRC3OPEhybBq5O7FERklVHWsW_JQX2bywE/s1600/21-namkna-blogspot-com.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGNB8UCYFd-7TrpBftWhVz5Ik3yfH7_qAHZpj1aody7_fsO7czXP_96-zJaUj4ojUa3_payCW3DQR5KfRRaKcNXKdjfERpFCws-3nJrLYFbUSuic-t92_QUBI6AijhNUCx7BTR30jMuVY/s1600/22-namkna-blogspot-com.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDS-2hwvL0308CHduY8TCi8Nac54f0bN48I5bQpechkwTv7IHC9EWqvJyYVMVq5d5AZNHIVPNqlxoKqUaijeUTlJqj8RMBh7SMIOTwwv8FXAMnZKf1EkcpqDNKuqzqONvG2nR7rokAIGI/s1600/23-namkna-blogspot-com.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR27d8hkQa3pXfDMEwcqzVJxT4dom-m1HCii4IrpzhbXIxk0MwQOrjEnK3Qtkr6w8eX4ThKV5NjnoCXXjHOfm6UztjDc6qFWyToEv2zc6v_ukLp_UUYaTQqcxl4XQ25RcPZ0SEoROW8Ps/s1600/24-namkna-blogspot-com.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_dT1kvCdWZUGo__OpTOyYoinF5oPkUDRJTilvigOhyQbUkooUTRZOZBWMaVoAeWMdhM8BGaSCAKVMFwOd5osmxADDdtebdxAgZ1kH0ka9bcTIYk3lF5VWR8FbG4CADDZ-ziDcsXiR8ZM/s1600/25-namkna-blogspot-com.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCKz-1wVM6Em6FAlrAApEfvgqp6aSmHJHP7Y31j_nVK-SKPU4hzZFc0Q6v3peftdDOHA1Wq5TwKGUTNYCGD6E3ZL-Zc8RsKb4jjcBwnFWEmlJkT6bh_h3qzL6F30El0FzT2ShwzXH4CoM/s1600/26-namkna-blogspot-com.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxzCd1vc14NhKRYHEe2hJ1lOFRFRsuX3lnMrcfB1-YPL6L1XpbexB8F6rK4HDPFhBd624QHPJFdHWs9OEvnbTzZSRpNbE6yac4XlGfO_8rWz9PZiydgPRC-tW5ximJvcNozvvOi7GFzcU/s1600/27-namkna-blogspot-com.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmRD4h9OBEfu90sg29WudYSdehQe8Di-mSDi-xG3pA0LzNv4pT5usHPuPWNMlu4A488XmUN22Ooo1YFC3u7ePRjqLPrkbs_XL9hcrsZlZWGTUVaGUyrVfSQK1xkwNsnmf6z6JSx0z7iyc/s1600/28-namkna-blogspot-com.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq9P5yWu1z3BU-fPyFdyiPVDVLe8AJX9H1H7aYJ7mBhJhXDwkjO-gw0UIy2pxeGwQzgSBra2fhuLmyrl4jV4L1iUturKiGdUVrK4W8c1sBJfLFFb_gyC2iwnTQ6JcJ6iOXEbrwrVw4DnY/s1600/29-namkna-blogspot-com.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4uKIbubBiOPm9IirN7P8Kl38jPRVRd-wGTif0L3LDzTpIV0onQrjWGfNnEN7fA81c1jlZ9xgm5nd1iE20iyqox9RoEVl9EmLa8UrHrljS6RsZd_gnutvKcCzy4FArrTQh9An4jEorg14/s1600/30-namkna-blogspot-com.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp2tIlTXmC1QVfoukCeCQ6Ev7CbPYkPV7KnfVFZXy3azg4dHsq5owVzJeqeExFP9YDcbbzASOO-TNWSpsCyljT4pn9LJgZE8Q2DEYhb49d3etrMc-f9asJcykBDUGxsx7z0SrCKVnvHrw/s1600/31-namkna-blogspot-com.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL7UptRrLmWah6YjToRokWjzntnh-09xTcABDLUkmy8eSFLLAvjH4QSbCz7IwUCiBqPDjPs0ir81TS2Z9w9ASmBc5jyhSOeeHMFxwd54op9_4QViuqxhL6DPJaNgghSnVJB9KZpytP6K0/s1600/32-namkna-blogspot-com.gif", "cheer");
    emo(/\s\(sm\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPib94Cq3eIflS_Rr8B0gThorSiQCpzcYk1x0XV-qwVhyphenhyphen0xV9aYoZ2PGM8o7aNM2Lh5O98AcZwJHMAd6IYLxNuwpf0-Vy7FG2EG4CxsyT05Lb7GTwRfb6Pg0BcM-lUMTmAjGkKlbPrgvY/s1600/33-namkna-blogspot-com.gif", "(sm)");
    emo(/\s\(f\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMxlPpdSeHSdc7iRBLISxp-TadtjD-OOvAu1XEjzsWcyXeWDMRklJJ6PdDohCylcu5rpgPa6Zcb0k5IN9lMtpPwNGlwNYe17fKL6dr8wQB0XjHZJJdbYNLcfNNDeSqcHkBPoJer8MZaqU/s1600/34-namkna-blogspot-com.gif", "(fu)");
    emo(/\s\(k\u\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSc-Qlp5YPQNIaLVQLuRzXw0gem9GvvnecCO-G7R2XA5FbJmIGTRuZxt5JFX9Gbuz8f21DXaxyluEyGzFa29Ebe0xFp_W4dOrALo98OhyphenhyphenZRcvM6-AyBHPoIa8MSO-QSZpui6Euc0z2sZk/s1600/35-namkna-blogspot-com.gif", "(ku)");
    emo(/\s\(b\g\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqrdciplWYtNZfk_eBd6UJRlUCEE0H-KD3UplTZ1HFod2S1E6IkpoZnDO8hdUr48DWrx0gzFvmeE33BlwJFRDzf-a9asv-oWj1f-cT2BXMVnYWkWUgR3hCPFNSHAj_XQT29F2BlJuJ7ug/s1600/36-namkna-blogspot-com.gif", "(bg)");
    emo(/\s\(l\o\l\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDsqzYIrxfvhHiULlBRYnmK-qjRM-Y0WktAIDCRbkifGhCsGnUfwLWyD-LKQ4gcp3bGQPa2JiR6fVB3Xqw9y2hGx5K6iX-GQewZjmvOk8GVoXbYtuZV6mSh_kl5Gsl4p5c5CcHLK2mrEw/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:

Share This:

Post Tags:

Jillur Rahman

I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.

Người đăng: duynguyentattoo vào lúc 23:03:00
Nhãn:

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

Đăng ký: Đăng Nhận xét ( Atom )
  • To add an Emoticons Show Icons
    •
  • To add code Use [pre]code here[/pre]
  • To add an Image Use [img]IMAGE-URL-HERE[/img]
  • To add Youtube video just paste a video link like http://www.youtube.com/watch?v=0x_gnfpL3RM