Chèn bộ mặt cười cho comment của blogspot

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 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ộ icon emo 1

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- Tìm tới thẻ </head>và dán code sau vào trước nó

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>

Nếu blog của bạn đã có thư viện jquery(1.8.3) thì bỏ qua bước này
5- Tiếp tục dán code sau vào trước thẻ </head>

<b:if cond='data:view.isPost'>
<script>
/*<![CDATA[*/
window.emoticonx = (function() {
    var b = function(m) {
        var j = m || {},
            l = j.emoRange || "#comments p, div.emoWrap",
            k = j.putEmoAbove || "iframe#comment-editor",
            h = j.topText || "Nhấn vào hình để xem mã!",
            a = j.emoMessage || "Copy mã tương ứng dán vào khung comment.";
        $(k).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 <br/><b>' + h + "</b><br/>" + a + "</div>");
        var i = function(c, d, e) {
            $(l).each(function() {
                $(this).html($(this).html().replace(/<br>:/g, "<br> :").replace(/<br>;/g, "<br> ;").replace(/<br>=/g, "<br> =").replace(/<br>\^/g, "<br> ^").replace(c, " <img style='max-height:24px' src='" + d + "' class='emo delayLoad' alt='" + e + "' />"))
            })
        };
        i(/\s:\)\)+/g, "https://lh3.googleusercontent.com/-duNoMAb1RS4/T2WEWrOfR8I/AAAAAAAACZ0/ObgHf-PmTuE/s36/03.gif", ":))");
        i(/\s;\(\(+/g, "https://lh6.googleusercontent.com/-LIr-ZdDp2xI/T2WEYDacVnI/AAAAAAAACaY/W7MF5qKO2sE/s47/06.gif", ";((");
        i(/\s:\)+/g, "https://lh6.googleusercontent.com/-Q5lMkgcmVR4/T2WEWkNi3MI/AAAAAAAACZ4/7VBYeVbx7kA/s36/01.gif", ":)");
        i(/\s:-\)+/g, "https://lh3.googleusercontent.com/-mCsZPeixHvA/T2WEWivv9FI/AAAAAAAACZw/64ZGRgdlDeg/s36/02.gif", ":-)");
        i(/\s=\)\)+/g, "https://lh5.googleusercontent.com/-u__sc3DgZ2c/T2d0_lDLueI/AAAAAAAACkw/YbeuRNde61Q/s36/03a.gif", "=))");
        i(/\s;\(+/g, "https://lh5.googleusercontent.com/-EwonQGBTYwo/T2WEXeVq3oI/AAAAAAAACZ8/4ixt2ZVlqrI/s36/04.gif", ";(");
        i(/\s;-\(+/g, "https://lh3.googleusercontent.com/-fMtAZDakmBI/T2WEXswr5BI/AAAAAAAACaA/83R1X_PumTk/s36/05.gif", ";-(");
        i(/\s:d/ig, "https://lh3.googleusercontent.com/-Em3lvBgvYlI/T2WElbV0BaI/AAAAAAAACdI/ApynphQdka8/s36/7.gif", ":d");
        i(/\s:-d/ig, "https://lh4.googleusercontent.com/-0R7-2DC1klM/T2WEmMQajfI/AAAAAAAACdM/-4JFCeC6QD8/s36/8.gif", ":-d");
        i(/\s@-\)+/g, "https://lh5.googleusercontent.com/-PE2GWBseiGk/T2acYH_uNRI/AAAAAAAAChg/HloTeaRIdyQ/s36/09.gif", "@-)");
        i(/\s:p/ig, "https://lh5.googleusercontent.com/-nkyzLkHUPg8/T2WEYdFqFxI/AAAAAAAACaQ/Mu1yPq91yuc/s36/10.gif", ":p");
        i(/\s:o/ig, "https://lh6.googleusercontent.com/-0-zgLVgK2Cg/T2WEY10FXuI/AAAAAAAACag/dyKQ5pPUIGQ/s36/11.gif", ":o");
        i(/\s:&gt;\)+/g, "https://lh3.googleusercontent.com/-xbWqvOWJNE0/T2WEZM-VLTI/AAAAAAAACak/8dLATIlXRDk/s36/12.gif", ":&gt;)");
        i(/\s\(o\)+/ig, "https://lh4.googleusercontent.com/-cguZVxYzR3o/T2WEZSgFvUI/AAAAAAAACas/nDJgr6YcuaI/s36/13.gif", "(o)");
        i(/\s\[-\(+/g, "https://lh5.googleusercontent.com/-VKGWq-wPGUw/T2WEaEQLA9I/AAAAAAAACa4/ZDnLP29mlgk/s36/14.gif", "[-(");
        i(/\s:-\?/g, "https://lh6.googleusercontent.com/-hIVRIc7IAJw/T2WEaO5ASUI/AAAAAAAACaw/FLmCvzeMSbc/s36/15.gif", ":-?");
        i(/\s\(p\)+/ig, "https://lh4.googleusercontent.com/-hk3q3tP-0Pg/T2WEcRONc5I/AAAAAAAACbY/bJ00rge5Mq8/s36/16.gif", "(p)");
        i(/\s:-s/ig, "https://lh5.googleusercontent.com/-cysJNcXxT-Q/T2WEcxVM5dI/AAAAAAAACbU/Mvuc437f1ZI/s36/17.gif", ":-s");
        i(/\s\(m\)+/ig, "https://lh6.googleusercontent.com/-H20tIsy7Hvw/T2WEbDW0R7I/AAAAAAAACbE/DymXsZOmO3s/s36/18.gif", "(m)");
        i(/\s8-\)+/ig, "https://lh4.googleusercontent.com/-IvNFZtzJJYI/T2WEcDj-0NI/AAAAAAAACbM/kiqtHbdkarQ/s36/19.gif", "8-)");
        i(/\s:-t/ig, "https://lh5.googleusercontent.com/-XCXdaCYaOGE/T2WEcmd15EI/AAAAAAAACbQ/Z5UyZCuX4Xo/s36/20.gif", ":-t");
        i(/\s:-b/ig, "https://lh4.googleusercontent.com/-g6V0tBD1vwk/T2WEdRGJfWI/AAAAAAAACbo/P8P_SGEdhzI/s36/21.gif", ":-b");
        i(/\sb-\(+/ig, "https://lh6.googleusercontent.com/-ErUGB8ea0H4/T2WEdm5-ZSI/AAAAAAAACbs/245Hxnaa82g/s35/22.gif", "b-(");
        i(/\s:-#/ig, "https://lh6.googleusercontent.com/-p-5AT-amLik/T2WEi_MJDqI/AAAAAAAACco/5J-MqivSQw4/s36/23.gif", ":-#");
        i(/\s=p~/ig, "https://lh3.googleusercontent.com/-H8izCFTaHFE/T2b39mmu2NI/AAAAAAAACkM/k4bDdFe301U/s36/24.gif", "=p~");
        i(/\s\$-\)+/ig, "https://lh5.googleusercontent.com/-LZn6dX8GslQ/T2W30lpp_kI/AAAAAAAAChA/Rym2Ql5H-jU/s36/25.gif", "$-)");
        i(/\s\(b\)+/ig, "https://lh5.googleusercontent.com/-k6r8YBUhxVk/T2WEgBtjFtI/AAAAAAAACcE/U5U5uPCpxq8/s36/26.gif", "(b)");
        i(/\s\(f\)+/ig, "https://lh5.googleusercontent.com/-pj6fMvZXTyc/T2WEga9-gjI/AAAAAAAACcM/kVpUCa7uqpw/s36/27.gif'", "(f)");
        i(/\sx-\)+/ig, "https://lh3.googleusercontent.com/-zI2UJmwerDM/T2WEhSRkuTI/AAAAAAAACcc/Gr3xFDrZF3Y/s36/28.gif", "x-)");
        i(/\s\(k\)+/ig, "https://lh3.googleusercontent.com/-ilBYLLWFQJQ/T2WEiJXJ7LI/AAAAAAAACcY/bXpkIPuVUto/s36/29.gif", "(k)");
        i(/\s\(h\)+/ig, "https://lh5.googleusercontent.com/-_NHYkuf5bZg/T2WEjOhTIxI/AAAAAAAACcg/76qRE27R_ig/s36/30.gif", "(h)");
        i(/\s\(c\)+/ig, "https://lh6.googleusercontent.com/-O6m44_Z-8AA/T2WEjLRImnI/AAAAAAAACck/c_jh643HU6o/s36/31.gif", "(c)");
        i(/\scheer/ig, "https://lh5.googleusercontent.com/-9TYEg93ImUM/T2WEjvuhxTI/AAAAAAAACc0/KQRBXuuV_Yg/s36/32.gif", "cheer");
        $("div.emoWrap").one("click", function() {
            if (a) {
                alert(a)
            }
        });
        $(".emo").css("cursor", "pointer").live("click", function(c) {
            $(".emoKey").remove();
            $(this).after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');
            $(".emoKey").trigger("select");
            c.stopPropagation()
        });
        $(".emoKey").live("click", function() {
            $(this).focus().select()
        })
    };
    return function(a) {
        b(a)
    }
})();
/*]]>*/
</script>
</b:if>

6- Tiếp theo đặt đoạn code sau trước thẻ </body>

<b:if cond='data:view.isPost'>
<script>
/*<![CDATA[*/
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Nhấn vào hình để xem mã!",emoMessage:"Copy mã tương ứng dán vào khung comment."
})
});
/*]]>*/
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Nhấn vào hình để xem mã!",emoMessage:" Copy mã tương ứng dán vào khung comment."})
});
/*]]>*/
</script>
</b:if>

Save Mẫu lại thế là xong.

Bộ icon emo 2

Live Preview
Cài đặt
Dán đoạn code sau trước thẻ </body>

<b:if cond='data:view.isPost'>
<script>
/*<![CDATA[*/
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Nhấn vào hình để xem mã!",emoMessage:"Copy mã tương ứng dán vào khung comment."
})
});
/*]]>*/
</script>
  
<script>
    /*<![CDATA[*/
    window.emoticonx = (function() {
        var b = function(m) {
            var j = m || {},
                l = j.emoRange || "#comments p, div.emoWrap",
                k = j.putEmoAbove || "iframe#comment-editor",
                h = j.topText || "Klik untuk melihat kode!",
                a = j.emoMessage || "Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon.";
            $(k).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) (bg) (lol) <br/><b>' + h + "</b><br/>" + a + "</div>");
            var i = function(c, d, e) {
                $(l).each(function() {
                    $(this).html($(this).html().replace(/<br>:/g, "<br> :").replace(/<br>;/g, "<br> ;").replace(/<br>=/g, "<br> =").replace(/<br>\^/g, "<br> ^").replace(c, " <img style='max-height:24px' src='" + d + "' class='emo delayLoad' alt='" + e + "' />"))
                })
            };
            i(/\s:\)\)+/g, "https://i.imgur.com/rwxZnfD.gif", ":))");
            i(/\s;\(\(+/g, "https://i.imgur.com/R2JjRIl.gif", ";((");
            i(/\s:\)+/g, "https://i.imgur.com/NTT7Dnv.gif", ":)");
            i(/\s:-\)+/g, "https://i.imgur.com/Lg9jtm0.gif", ":-)");
            i(/\s=\)\)+/g, "https://i.imgur.com/GFz03vp.gif", "=))");
            i(/\s;\(+/g, "https://i.imgur.com/1fBSS9P.gif", ";(");
            i(/\s;-\(+/g, "https://i.imgur.com/HBqGp98.gif", ";-(");
            i(/\s:d/ig, "https://i.imgur.com/5OsisEL.gif", ":d");
            i(/\s:-d/ig, "https://i.imgur.com/ry9EMd6.gif", ":-d");
            i(/\s@-\)+/g, "https://i.imgur.com/XS0y6At.gif", "@-)");
            i(/\s:p/ig, "https://i.imgur.com/wjHt7PP.gif", ":p");
            i(/\s:o/ig, "https://i.imgur.com/EQyE9vB.gif", ":o");
            i(/\s:&gt;\)+/g, "https://i.imgur.com/J8vPStT.gif", ":&gt;)");
            i(/\s\(o\)+/ig, "https://i.imgur.com/siYIu8t.gif", "(o)");
            i(/\s\[-\(+/g, "https://i.imgur.com/PNcO8GI.gif", "[-(");
            i(/\s:-\?/g, "https://i.imgur.com/kcucjIC.gif", ":-?");
            i(/\s\(p\)+/ig, "https://i.imgur.com/0kqZocI.gif", "(p)");
            i(/\s:-s/ig, "https://i.imgur.com/vPqLHbZ.gif", ":-s");
            i(/\s\(m\)+/ig, "https://i.imgur.com/eTNA5bP.gif", "(m)");
            i(/\s8-\)+/ig, "https://i.imgur.com/xLVqvnT.gif", "8-)");
            i(/\s:-t/ig, "https://i.imgur.com/HANgavK.gif", ":-t");
            i(/\s:-b/ig, "https://i.imgur.com/MoiqSbz.gif", ":-b");
            i(/\sb-\(+/ig, "https://i.imgur.com/C9RXKcR.gif", "b-(");
            i(/\s:-#/ig, "https://i.imgur.com/O2o2xy2.gif", ":-#");
            i(/\s=p~/ig, "https://i.imgur.com/cuYAEY8.gif", "=p~");
            i(/\s\$-\)+/ig, "https://i.imgur.com/NCoF9sY.gif", "$-)");
            i(/\s\(b\)+/ig, "https://i.imgur.com/8HUEwbf.gif", "(b)");
            i(/\s\(f\)+/ig, "https://i.imgur.com/yuuxF81.gif'", "(f)");
            i(/\sx-\)+/ig, "https://i.imgur.com/5ByJv7E.gif", "x-)");
            i(/\s\(k\)+/ig, "https://i.imgur.com/q8tLgek.gif", "(k)");
            i(/\s\(h\)+/ig, "https://i.imgur.com/Ya8E4c3.gif", "(h)");
            i(/\s\(c\)+/ig, "https://i.imgur.com/9fbaGbH.gif", "(c)");
            i(/\scheer/ig, "https://i.imgur.com/UGzgL70.gif", "cheer");
            i(/\s\(s\m\)+/ig, "https://i.imgur.com/RUC6xU3.gif", "(sm)");
            i(/\s\(f\u\)+/ig, "https://i.imgur.com/XBXKhF3.gif", "(fu)");
            i(/\s\(b\g\)+/ig, "https://i.imgur.com/p0QCXks.gif", "(bg)");
            i(/\s\(l\o\l\)+/ig, "https://i.imgur.com/b0IOa1y.gif", "(lol)");
            $("div.emoWrap").one("click", function() {
                if (a) {
                    alert(a)
                }
            });
            $(".emo").css("cursor", "pointer").live("click", function(c) {
                $(".emoKey").remove();
                $(this).after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');
                $(".emoKey").trigger("select");
                c.stopPropagation()
            });
            $(".emoKey").live("click", function() {
                $(this).focus().select()
            })
        };
        return function(a) {
            b(a)
        }
    })();
/*]]>*/
</script>  
  </b:if>

3 comments

Unknown Aug 31, 2017, 2:41:00 PM

Mình làm bị lỗi bạn ơi. Click vào icon k hiện ra mã để copy ;(
1. Hải Long Aug 31, 2017, 5:03:00 PM
  
  Bạn cài cho blog này à tsmblogger,nếu mà là blog này thì cần thay jquery 1.11.1 đã up lên GitHup bằng jquery 1.8.3 hoặc cũ hơn.
  Ngắn gọn là phải dùng jquery từ 1.8.3 trở về trước.
2. Unknown Sep 1, 2017, 3:49:00 AM
  
  Hiện tại mình đang dùng thư viện ver này //ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js
  Vậy là phải thay lại. Để mình test lại rồi review cho bạn nha.

🙂😬😀😂🤣😍💖
Windows + . hoặc Windows + ; để chèn emoji

Thủ thuật blogspot

Chèn bộ mặt cười cho comment của blogspot

Bộ icon emo 1

Bộ icon emo 2

3 comments

Tạo tiện ích điều hướng breadcrumbs cho blogspot

Tải về miễn phí mẫu blogger cao cấp Appiki - App Store không bản quyền chân trang

Cài đặt code chặn người dùng sử dụng Adblock chặn quảng cáo

Cải thiện và tăng tốc độ tải trang cho blogspot-Optimal speed for blogspot/website

Sure APK – Responsive Blogger Template

Thủ thuật blogspot®