[Blogspot] Chèn icon cảm xúc (emoticons) cho khung bình luận mới nhất blogspot

Icon cảm xúc (emoticons) là một chức năng khá ổn dành cho mục bình luận (comment) của blogspot. Nhờ nó mà blog bạn có những bình luận kèm biểu tượng cảm xúc khá đặc sắc và thú vị. Trước đây cũng có khá nhiều blog chia sẻ về cách chèn emoticons rồi nhưng là cách cũ, vậy nên hôm nay mình sẽ hướng dẫn cho các bạn một cách hoàn toàn mới vừa ngắn gọn, vừa đơn giản mà vô cùng hiệu quả.

Chèn icon cảm xúc (emoticons) cho khung bình luận của blogspot

Cách thực hiện: Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Bước 2: Dán đoạn Javascript thư viện bên dưới trước thẻ </head>.

<script async='async' src='//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

- Nếu blog bạn đã có thư viện Jquery 1.8.3 này rồi thì đến luôn bước 3. Nhưng hãy lưu ý, thủ thuật này chỉ hoạt động được đối với các thư viện Jquery từ 1.8.3 trở xuống thôi nhé, các phiên bản nâng cấp sau đó đều không được đâu.
Bước 3: Tiếp tục dán đoạn tiếp theo trước thẻ </head>.

<script type='text/javascript'>
//<![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 <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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs4wtGvwoEJd8hpFhyphenhyphencn70Zo3ciuAGFW8fIhQ88zuBTAbySM2Qhl7k5qRvuF6wmIqeQlT2Gcs-CpAWZS5JSdAedGnRYq_mMCv4L7pbfGCKpfunRb75IrMklb5ZiM7RyqnNI5jvQhzPc8A/s36/03.gif",":))");i(/\s;\(\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihn4vnaVv6V1iUZb2lIdvG9mgzqkNTasiTms7k2ffTQkvCQzQiIkNL-8AU1ko26t2oipPgbTJ6WvCrDu-4ZAL6tPiiiZULDEL-BOEs3sm6sFYTHYczj-TSc03_CjnT7YSicEEmK8SYn3o/s47/06.gif",";((");i(/\s:\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ8OkNGOX8eaI8YM9rX4i9G3U9GWJmSeriF-PrLs7xgOF1ZjEDANbZ2QiYLiFTZsiffjb-Q9fbDrR7RVv0XOO5jG8R6VxE3ow8ssSl9do1p7Qwnz8hZkW-8rbfUJ4MCPbGeKA5uW3vtDQ/s36/01.gif",":)");i(/\s:-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnUYRQDvxDrIQHR3byHbzVEVZrXLoyaj4NAJKRXZX2QmD-hFejRH3aOGLRVk8Ks385CML8x-h148eKSc9256pgoehPAs2VEOchz1KLJXWhILXh4_E3ED2ricVTbTCEe9Z7JNNVavsFh14/s36/02.gif",":-)");i(/\s=\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC5RI0MTPSpKE6oHnDGrSZ1ht8WWCzELdmUNgiGJPzrfCG0sbi_usTqX3dJHmZmXEQYuraKiMOxTKizk9v0K1FEs32EAYkto4JCIJk8cLDWsYcFmnaZmV1CQp6Gi_r-FYLwxp_AL2Jsyg/s36/03a.gif","=))");i(/\s;\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsIjj9wlvp3tYz71_EsZibT20sh4QCRKRUq3UHrPjWVhlllhoECXZ7zEk2qSuXiuT7nRzgVU-NwOmUkj1_M3XUB8AfMUdSAExV2eqVnT1i0DQJfUQLyJnmEMk56wxOcSuwyYN56gZunoQ/s36/04.gif",";(");i(/\s;-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwQoCTKyLT1b7GI4HNMjfqYEJsdawdqst-DqWsUn3TkftbHJ0Fl-lIvV-TnoQYVTFlipLs-dWIeWZxnDJKyuVzBOOmtFLKgo9lvWFqJ9k6tksDPpoV2njxLSZIzlF9dFMAWoIh8gRr5Kw/s36/05.gif",";-(");i(/\s:d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim0XFwu-LShCHPPsc2lxGUtzuK56MHUwtxGbaZgEFjSw8nwoH3b80QtHoffzzKwwsyK2vDQ6S3yIrn8UBQURHA_pQdQyssDgIvCq4qz5DOZwlSmlnEutTFOQ14VXPEHvlS_CFrG2n1_s8/s36/7.gif",":d");i(/\s:-d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBHrVkDyarWdN9lAORCd-lnyITJrTw2x_55iKJYj43j2jCXumab_sr8M-0FDWETH2py2_dCVLRHf7ZtTW-p2i9oy0QF6dyE0oEBygq3cMqtDbmQrFp_aoVSC6KDPOjoFL92VPEqpC_fPA/s36/8.gif",":-d");i(/\s@-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJpufW_4zQzwKhLAtcFAox6b3PIesfOXzhcrFRK175Ty5paq634U_OMu2XsNosTZsP_E2v7tuYTe7jXNHVrI72SmCMFcTObYKLb9qBtahzqSOktYgheCxy5ATqDRvWC0Uk69kB-Fm6EoQ/s36/09.gif","@-)");i(/\s:p/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3EyYZe7DBI2V9kLxbjgrx_P2HTWpLTViFnkeaAmE6EHiRcx1CywZNtUQ7GygDnd3xl4wqF0V8M0cFJVaC2MXDn5lR26p27hyphenhyphenDfOEcEgMlD7a9RBmo2zeplXNbYqxHDFZlpiie5p9rCZ0/s36/10.gif",":p");i(/\s:o/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjKzd-sopfQa5iZu3SsBEz3F6CyeaPUZXj2juvIerkWFRkAAnhvNnYjFqjXOgKDA5E2Q9PmefNAAzCNCjeCCRNj_sURBzXZgQUBiUb4frb9FPxaiouTYpQGxE97Ro55opAWfLV1eSBfU/s36/11.gif",":o");i(/\s:&gt;\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzHl7PtOeGNRz8tk-6jsawpzCy4xXkmQfPfj0AN18OrGn5CDNgZUVV45-Jp9HsGvtJExMOdlb-gOoOXTTCHAmI7tmG4q_kNKsMjbzHZ86n1K2AKoh84pR_D_1k6x-9xECi6mTxykbNSsE/s36/12.gif",":&gt;)");i(/\s\(o\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbXkD4TcwuVZwY_N7SPCg_UaAtsHqEsRM5LR8ePmrMFqlTw9J09PcKpP1h2DKyVa2h1o9hi0WjMdkxxakXinqR6LQwGju17HAc4DMeJDe2QODn5oTNXHf1RWH2C-BnEFbC-4ApZHNv-eA/s36/13.gif","(o)");i(/\s\[-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuGX6sz8teE-I6UeS-bFlsMZ3fFKZIosMZV_bKC1e9lMvSlByuGPEYWobQZOSBQlfcdIMOZ-VghTBMGo59D1iRkPX3-NnxZWnv2TwbUO8P-6slP8fQd-g9r9cEvwzUj5qyXKH_paGNL6k/s36/14.gif","[-(");i(/\s:-\?/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6WpNedGN51VXURATg4zKc0GpObf_jKpz9lRA5-ZgJ5-_mc4ELKL-HWKm-imxi2WMOqgTSlTqGYv4T1vRfhQ65NLWS3g6TvHgT5MOIkf3Q8C3MsCp294pXnmBN9Se-dLDzBxXNSYjOqoo/s36/15.gif",":-?");i(/\s\(p\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi83lh-rTUJZdi7tUhjqCbRNtHekDswylNGq5G-tDQpUCkIbHV1OHGpvONmxMrw6aHFNQKN2smuWB7gIH6Rnp_n5YdaLtmuysTbfTuWCjo5eQmWEOzo_2uHUL7xloRXKWl4IqhrmWG_76k/s36/16.gif","(p)");i(/\s:-s/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDdKg956HHdG_x3XYdSsmAgTklxoQyBIvyIgcY6p38QgzQloVLfbeK5AjWJWAMbbsenwgNpVS8C220H4KDbl_TgUiqXr7BrvC8s00OXceYfT6Zbr-1OP_IKjGCjOcuJy9Jb97tWAOshBI/s36/17.gif",":-s");i(/\s\(m\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjRvINHYGmESykC3Ef1cIyV8Aa9v-Jiyd2F6XJKl1e11P2ad8jz7QLafXarh3OUl-YgN_hk8lopPYXmLITe4o7W0gQUlC74ZxPua_KY4FsGyPxX6RvxIVKdCSkMHYYPtPDAqn7rxrm8Dc/s36/18.gif","(m)");i(/\s8-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEax-72-XlKqEJcCqMO6G_cns_Y3TJEspwT5px-i5zPWi42MIuUu7GqB_y24K8hCrnhlvcNpIDj31qZTS4XooCcYfJBnBAF4Zo9ClKuDHQav5eZpRiPgO7lujq2gwNPtpw2-CSJ6ux9d4/s36/19.gif","8-)");i(/\s:-t/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjftpXmk_t9lA5ElI06zlHB5iVymhyphenhyphenko6WFHMaNW4PrtgpPUZgFsg6IxMjj8rMr0kuh3ZxGAwq8uBopoQ6Hnnei99KMia-0LH58tiNdmjKbWmmvMY2Zm0rSE_wHqaxP1HuMBmvU1nEEc4w/s36/20.gif",":-t");i(/\s:-b/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk7CXN9Yetx_vYWFRJP6Ek2FEd_Hutw8cnHmu-WKGKfbqsd_vdk2zTyAbH_HeUZOEeNhT0NyymXpBHJv-gg2mCrLihNpNGWbPMesJssHKI6zNcsShWOuuZvUWeho8wcEMLTft8CA1JHoU/s36/21.gif",":-b");i(/\sb-\(+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUmV23r73-T2sEZx8hUdZu7WAIq5YdNObRhc4zz-2g8JRs6Og1RVxhAzpDHHNDEZWcjd-ZLl2-dKyRTHe4f2lI1DUUfZBUttTO5YNePZ16ST1l0B_LLZJeWWWTJtpPBGT3svpfmMS96Xc/s35/22.gif","b-(");i(/\s:-#/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiboNKoDF40e-IjvExThv5nrMcSMJiNXpNKeSu4QhGVdidwVY1sEkBEeWQnbsSd0StRvK-fYtp4mgVfAxR6VzZsytFIAL_ipKgXifV9G0lzH9NzlaIB2T939qxtfvBHudIzs0RE9IyBGUg/s36/23.gif",":-#");i(/\s=p~/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgngSLMhp5otQNAGo34IJUszA57-SO2ITHtc6rHgYRJiKlmas9JL-WExAunlUMfsEpF-ZdrkfzESmU6x1mBwAgGD5t4ON4HG0XQrCzBotIWOC1TJEe5eLwIXwsJf1rNCKuhPIOGJ32FlxI/s36/24.gif","=p~");i(/\s\$-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmaVxcTJ7SU8p5uUuZbqtR7ahXrwsbZ2PBHD4R6zLlsVZvSyQ-_QwOOFXGmEsIZTdX0u0Fe6duUsxKPAviUeh6xpgjByXWMVf0zr87gE9KHphZGiq0nEK8U5S_8JWi8JiROUKzcMsl6Gw/s36/25.gif","$-)");i(/\s\(b\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd97wykUL0xCG_142iqXS1cKrMPIBu_kqqbZ8v727xCnR1W5TpM7L53YxlZoNzqXfxo3cAEj7c9owtfXZ95G2qhRNdQbG5ljHipe51gx7mVhwaRdMBGJdteBQYuJo6oBQZxh87gxNvAJ8/s36/26.gif","(b)");i(/\s\(f\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF9jJ9wItUOIylA0CpRtmMOuOt4fllPCEngcibj06_mCumBMan6ANfnk4Bqf4ZJ9VBDmy4KgX4ygdMDzLM8L2P99rBdRFakRk9I9LsCimHY46mG6H8bxUp2r9YWWIkMzlwAUJRytHa1k4/s36/27.gif'","(f)");i(/\sx-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyfGiSZ1bNz5g7ocwN3HGLo4h-rut_LydaQ0bal4pt0xmFRYiIp4S97-Z8ZnqhLTfwhfPFrbExQIVodHxl_xj4YYpPRSwXjAktGqWHpuBi1Tpa01m8Y4dZPJffZpi1_mEnbz5ikiL2G3I/s36/28.gif","x-)");i(/\s\(k\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_5WVzCK2ypDAaj0p8vRfA74pYbp0colkRRPEc6fNDEM2LAci-ziGTq236_Nuyg2OhYP7QMXxQrC53BGUBE0YaRVibFqkvOPauCzJ9L4OnQlFbM5CGH6hqKZeCMKT99oEKUCEeKgaCoK0/s36/29.gif","(k)");i(/\s\(h\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBFLTmfiJ5ITIwtEMLFZaSR3qP8fuA4bEA20I1frByHlK8M3-wtSQTDo33Q2Iq2zeGC95POFEyYjUnWYq7KOnBiWesrukPa99pNWET3OB9tDVlwP5aR9PI2Z_SFN15Q6JSw50WaLAjLiY/s36/30.gif","(h)");i(/\s\(c\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2_8E-5cqxWTltGM2htD_y9L8EbF1nvflwnTFPAJQRkl73N6XDwYaklKBkIZKft7NWkTkg4BQTylxuvqWUca9XvsojBqk19JNBMayS9gS_DedH_KD5OphqOr-XwjzmUw_YoXTlk3P0G-g/s36/31.gif","(c)");i(/\scheer/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixuS4Ijc8HcPh3Y95hg9rP6DaMUpfXtsebfSiJ26emvZN6uyBjiEkGOyg0IcPCUO_Kix-vll6xZGJVWFdPPFnX55LEYMWn0okD0K_aCVBeDi2icAL1RgtTIo-Sn0Ayz9qorVtJHaYwddU/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ước 4: Cuối cùng là chèn đoạn code dưới trước thẻ </body>.

<b:if cond='data:blog.pageType == &quot;item&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>
<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>

Bước 5: Lưu template lại.
Sau khi hoàn thành các bước trên thì blog bạn đã có một bộ icon cảm xúc đầy thú vị và đặc sắc rồi đấy. Chúc các bạn thành công nhé!
Source code: Thủ thuật blogspot

#Blogspot #Thủ thuật

TSM Blogger

Chào mừng các bạn đến với TSM. Blog chia sẻ thủ thuật blogspot, tin tức công nghệ, thể thao, kho template blogspot và nhiều thứ khác. Mong các bạn luôn ủng hộ để blog luôn vững mạnh!