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 (commenIt) 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ả.

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/AVvXsEgA0F3CP4vS10SSZsMkhY8uI5Sr6vQ1qJRJCUfqKXHLgNELD6PkNt2rdsQaCfwfDHNI30iPzOYRqS1mCS6Vl9N7x9sBlJ67JkfkFt4stiZcsB1sSMWNAuMeDoqtt5JuW4vSYYVvHHtokfI/s36/03.gif",":))");i(/\s;\(\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjaOhoZmjZNTri7sneJGSJNSfsKO7tMJhzHh7OTdiedm7nKFEgzsVeEu4N0oY8ko5HgHPYUBfIyePevnObNjMgGYTCHgeQpj1DIynkwSlrBqJkbJWz2YXrHYkUS6eSa3jp0J2RLP3Eees/s47/06.gif",";((");i(/\s:\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqsc5qkIzVzB_2bBZl3zdcK_wJzao_FmLkQ1iFC9tFvz4B26iSHalG4-_3ofVWC0uhfgpTGdHoqyweArtHPC7dIvkSxTecARWtbO8xzwKaKLMRkCBJRNnd0T3xmB2PK3KVbI9Lkb1Ggvc/s36/01.gif",":)");i(/\s:-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNEUGdlLtfPmkaApARiE6F8CLAxW1EX3vtqgJtDVKcqF287QFR7kUFyaCSQNcvpYl6F12lMCJsi9NmDq9N60w07dbl2z4HY7V1_YnZVdUPKKLwSzAcY6hvFQlxSp_fzn-BJ5L91YK2LU8/s36/02.gif",":-)");i(/\s=\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgviCwcr-qeg7qHsf8CuAP_sF6LTEx3Iq02mH5LXFksBTdhVsNtlPpEDDfotbfORmNGUNKlPDrwkFmwRXPXZ98d8HGfq03ELto1ltTGg7IvNTN31PiVFDlC-MEn5opm16Tsgc5lUOnhRWo/s36/03a.gif","=))");i(/\s;\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi90vzq3XgvsdNP9661VfZ0O7Cme2nrvcls2DcPTgYUj94Tb1uAfpcDVOTMFUymxkht6wUEd4CxbSPJBj5yoIW3tinIrG6DT9cLth6rHBkUyg6cbVzvWntBej4qj1ymmwV2dhbpvpJMqf0/s36/04.gif",";(");i(/\s;-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJtWWOgsGAeNRMA8ijSCKdzx7v2nwlw_YEv6WKX_9GwzdRcly4EcNGv2Yg62fJf0Lj6VOBFT-TDPWhnCIEowuZW_hLjshdGCekyhRJXqKWTmBfTR3gT8nBg3JWQYC2jsu_-V0wkHwUOE/s36/05.gif",";-(");i(/\s:d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPrUYTdt_3FSjNnh0FWI5vWh3lhsOCvx1eVmIrZXjBslkC7sEUuBx1rjMZ96NUMj7SQ4x6HY4_IE0uf3OceDdTo8uQD65YvU9vlzVyFDc9SsnBEvllNuSUzgnESxRbk30vBtvrk7P5wQE/s36/7.gif",":d");i(/\s:-d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEites4wj9ybEWObWBN2zIoJd4QQZVdD3VwTDAiC8eU5opuiXS_zRsOn5buGi4GZ-M0qfYTh0Uys6rmUb2MbnaMqoffIUgQ6Eq9eJHRifKsDZTuEsVh8DXkpuxvdkTZbkoSJAAKaPGkPwMY/s36/8.gif",":-d");i(/\s@-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX9QUOu31uiwGgOENENFum0tXNN0pUj1wytzKsWRNPmrN4lopbCg1hPpyB8BXnnfOkJxUmCN6nevaCpHdz8MRP3KNOnUWNmpPO6cJJTdPnXcvtfgu1VLfIuRcL80SWxrCnav1MhGfi8ZI/s36/09.gif","@-)");i(/\s:p/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX7gjQpd7O6bpubNxrybbZIFzNek3U5XJ4xNwHXG3VV5ZHRfM-VMWxphAUynZAyY5PyGmeE-dRgT0msOqT7sjszRtVvvQ7_9rhkw5YArzDpoIQ50NzWH6ikOBQabaTrDHXkAVy31JuZ-A/s36/10.gif",":p");i(/\s:o/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp0keXOUrvHzWa9r-MV_vIPX2RG7g_uB0ABYyV19wXID25bkIVvaYf9LBiwVZ41TPFBJ2EYH6da31Ruua9AMtLCHQHzPsxCJRmM5XQQHJxIaKj-7vO9SWxGUm1NpKhY5TSOWauuXS33jM/s36/11.gif",":o");i(/\s:&gt;\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_5pJSwOLV51QxxOPg-wWFiftTTxRouLSAQxE-W3cZRWZrXbCzER_Z6OUtkhtVSSyy-iLhdG17CCH3A3p1CggeDAgKYkktMXTWhWUNFcUjSwNukTAgjU1nCjikDezlUdPy3A6fGZxAzPA/s36/12.gif",":&gt;)");i(/\s\(o\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEA0WLYZGrEHbgo6l165CTh1ey9Cy12VVkTyubOxXmYjQgd4A7wQ673HWenrbaKZJjjiP7tUFWB5l0pQR7Aq8ejtK3aAOu1x0JEmACLs3CEAMgAx3n2L5AFxk5CaeBuapGgo8zSi9A-Q8/s36/13.gif","(o)");i(/\s\[-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguFlaOqzQTRMvmkIoNn164C9uCkupbAQenD6f2AvQrxr8JaMBXWbkwWk95R15-O-MezLMo4dNlLtCv537dBTXUcrDhS0Z0Eu5CuPjo4hGugtg-anlKtRt7OSQwlthJ7tfqGW1kZpc7w0k/s36/14.gif","[-(");i(/\s:-\?/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-HLMZe8OJF8ch4YI5IWxJpoRFlRLDifxXB2O6aHQnuVQ9mDI4w_IbMq-rWSG3yCbPKS1GZOkN1BdLkcf0a2Yzav2k_vu-8JNzxFOPtSpaVT07dwuSfPz0_c0kOeJERgrsa1QO_2i943I/s36/15.gif",":-?");i(/\s\(p\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFA3TMWxYpBkvNLUla8u_qgCiEfvxGlqNVKzOIUEQG1qu4pjqA7uHPvZo5c37X4ZByIMANCtGZYqWK1U3G5FurbDuybAXP6S6ln3UDWc9VQCmkQM1ZiH-xL9Qpm2lxEAxcHN5YQBC4ALU/s36/16.gif","(p)");i(/\s:-s/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMEfWHrMeWT8H6YLyxeHVlxqWNefke3OFbqa3wIXxDuojjw_jesZqnGUb0Vg6VGuTTcijUubEXuz523PIQ9htFuGBC3oDE8jTWil8mpPgUb8-hOFSB8HNAwKD_PcBF_yignu953y25FgQ/s36/17.gif",":-s");i(/\s\(m\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfSh7OhZ58EBNikzBDKmZM_WwrnN3AtTqc7ZcL11wbJ1nnhu7SGgfTcgzVLdyLKR-uDH55GYIaNvk48v5-XcrseKf9luWzNVT5iiPWFguxPuIGdP1LPuCgUXPDrMgY4q_CqOD2I1_DrVc/s36/18.gif","(m)");i(/\s8-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhboM46hzYkjAUaNAVbewPbX5wfcvuennFyAsqy4xcFmLz54yWTR5D_UFAPYgOZT4O0jzJ2EdRvY_-qqe3TJel0Ic42meYz7KiOlCdmuRGkaQuDDH5ukJklug_R2ooXoVJwK5G8455qiCI/s36/19.gif","8-)");i(/\s:-t/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSIjTmozGL_cf1LKJgzanXqcIZQ2zZwn9AnJjEF0_r5b_YCem_NzmtmAcPGB5Q3hx6O5dxmhuGfTnviDQ61ArOBbmgjF61AVzF_m1mIqusFtLROgFpW3d9wdPPJQhzqfA_5TSsEYMHOFM/s36/20.gif",":-t");i(/\s:-b/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM3D3vq3ZG4rOI7mxGIleJwFEIAPLS9iZvv0dDwhFspt6X2a6BHzt5taiToXXah8VfWE8572bSw65CzmDSrnxkK5hmouwuRketuBACKI7JHc4TM-lNErez5AlQP6cypFNsTpPg71pAYME/s36/21.gif",":-b");i(/\sb-\(+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1YO9sPilD2GEONBzHlW98NB9ZxCUNYxdUfkUscuZsXaLv_r1DMn8REbojNW7E3-FbMqnHDt40LqXUcQpdD6YVJjp3OJwdqp-IQuVtUA5X2Uy6phGf0WGzbPeMDHyyRfInOz3w3uDBVz0/s35/22.gif","b-(");i(/\s:-#/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUA2QiXxTFSi6RVu7n4RpNjFsUP7QEkobkPnxIZu2nAReTJBa3-YQDfcda0A9xY4p7lBYIvNHKGoBY9DAGl8BpyCec1NimUthBw-nb5cYNPD4s2EWXVX_UC7kIapx0GpL7gXOlxsTIYi4/s36/23.gif",":-#");i(/\s=p~/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGDCMWOd3HcQP7t0Ul7VRSd6vQMGklRKya6B_bnR1VZ9dUdTc6hTagd4RGaD50GEBovrhRWXFmBQiwtOV6O0d8VCsk5yvZvDq7o_0RAy56jkXlEe_vcFJstEjpdrLdkuZNP6O3hQUg_1k/s36/24.gif","=p~");i(/\s\$-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrwBdAnGxbYdZsb_RQ-wlPawtDkOntcmq2iocfZekiHg2g4xa3J3lJjbIDYk2_IoVCnwk6wlvJs2aIdAYm8iz3R5AaSpeIliAVG0naFC_3BsSIEi4r1VInkQ5GDrc5-jsJPVFNmFScFMY/s36/25.gif","$-)");i(/\s\(b\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw3DZ73O45ZLNhs9u6O_pF5Z3Nx1gwF7qbCgz9IGSRIkefO0v7aheRJs5545F-aw1G90n7vmz4a_6KWqYghGuVd1FG7g-yXwoWEms5ksd1Ja50MJYl9Gsa2gAGqLFRQr9O-lYZeDz7qao/s36/26.gif","(b)");i(/\s\(f\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOded9o46-jrwJIJ5CRIr8y08u7UtcLhTa2pFvSx5hgQnIKifXZlRpvDx1bSy0DBXch3i7BTUKLD-4stEYvFzKzCIxyEGn-feeZ7dXeqHjgZrHaw43c56rYLx-AMxs7zU_SkoAEY8BUKA/s36/27.gif'","(f)");i(/\sx-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHzZqklsVoUj1QBY3imBFeJ34oCRFk_M0nJ5S2s-55DMwixWhkJXvoEQtS_ndhU5t-gDeTqQHWsdzG7QKcTzOwQGMil3BbCjmHBoHPoY6UO8j9alHNacK2wmabI0XvZlldALbBjCxaojM/s36/28.gif","x-)");i(/\s\(k\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8P8AuiGkS5yPlEHpwREJEJrtKIrUquANcOfe5eQH72kIQrfM3yu6TLSiVIe8KIjTCmaosgAuHHXP2LY9SV7fuBOos7_IiFicl5SKt53vnKsHw1rpZBM2TaJzbApTBKZLtpUciiXmYwc0/s36/29.gif","(k)");i(/\s\(h\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwBbLWPiYyp-amtUI9nKw1Pj19iF0k6lmyow7L4a7JIfCh2xAk-Q9gFDajONxr-i4V8HhZ6qoKrNjsSZa6PAs1JBfkEfscRNFes1VB59Bz6IoUh-eCJ-vgoJ_LC42EW0bX5wcT4Prk_MI/s36/30.gif","(h)");i(/\s\(c\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgot_pB5ZwdbMNl233WZuWVGgxhUtEmJ0nU0yAAG5KTb3gd0qlZoweTjpPYlXquZic-EU5Fv5x6s7lZM_hPlLUPTVhiC8xEY364-iZIThN-Xo9HGtZLuu-BlHqJp4oWuZ_c7vSsNcMgZ2Y/s36/31.gif","(c)");i(/\scheer/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqWLaC79QLov5kt-05YMN8RZJsZOgYhiczvwGhIK-3whmteZepxmTPpiY-02CI-vJ-a9pSbfYP0c1iC7liCmeHzuMp1L0yGHQLlQhBPVGTAU1YeRTgHjzJ-aRHoas6sfcqB88mg7fBlis/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>

Lưu Template lại và hưởng thụ :v 

0

• Nhận liên kết

Hashtag: #Tất Cả #Thủ Thuật Blogger

Huỳnh Hoài Bảo

Cuộc sống đôi lúc không như chúng ta mong muốn nhưng đừng buồn, đừng suy nghĩ nhiều quá mà hãy tiếp tục đứng lên và chiến đấu tiếp vì tương lai của chính mình nhé!

Bài cùng chuyên mục