Chèn bộ biểu cảm cho comment 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 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.

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>

<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/AVvXsEighcN0y6JuGYLbRnuqwnkg4qKLrPUFWG1fFW2mPNBAEwLS74IyueXXw4ArM2NkiL8PRYB3VetPhAHwcxPHNb2KGwOmj6qLUY0RgtSHveXkLB-VvIhp9tczbnppdl7T4mEcKTATzRq4GxM/s36/03.gif",":))");i(/\s;\(\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis9cz9mfyKSg3p44QImH5LMdhoFBI7P1US3PikQ731f8jKX40yAL4onbCt0jUh2gRAOuKtiC76i1HvtZ4BxMFWHSWDUwE_yHn4rbWsJLYpL9WJJWO16dF283Df19JCUusmUIniuX7EEEs/s47/06.gif",";((");i(/\s:\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjja0Qrf56H_jac6qzXhdOGmEfgNg7dwaJxH5H2inCIr2pBL0r5PKnAjho2PWIXWgTv6-5VpSMmlZJSMs7BYLwyErvEu6ZvT2LA8emKOLOoRLAwkkwCPCrzU9MOc0sOY2C2K3Pdy48F9Eo/s36/01.gif",":)");i(/\s:-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCbttEpnzwWUjv-XWJxeMjEmzoDw7QUiczySXTHm0PbYgegpqdZwleYTvP1zZ8_yJL53VHDKpWyptFtLBQcwJWhyphenhyphenUTgA1vBD2IMCiuqGChtX7TKe1Dbcn_qgmN8QAS-Dv0IxguY8wKKgI/s36/02.gif",":-)");i(/\s=\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1G8CW7gTOSo73_rHkapazWjLMCQ8lNwRTZxmOnqlL1YXFoNnPaRMpHjeFk7aNqKHGlh4__MwCA-QI5wrCB6WG0pSmSTMlA65xLhJw-lzsTChLpn9zgc7THsQ-E-9v6X__1uibJ6608ZY/s36/03a.gif","=))");i(/\s;\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF83tZPtjo6INGB-g5XYhkjDap_eJtMqL8w6hfZrEOMjpGy0Qmynyj8fcRhtbWyC5EGJ3ib9FEuDMBfiJWV_DHLqquEWakUwwP9tPHR0o5ig6uDfK_Z8sIUekofwJ95V9EGYEa0WdhSPw/s36/04.gif",";(");i(/\s;-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihipf7rLnEL70KM-oFqjVsS2n0G2VCTby6ehSYpxptMs9EIclhwISB6lypjLmI_Lk-Y909N5YD2VN7znSaLYSyXqfRjETPxLrVOWQhhdV1DKu0oglrPj-56-FXZ-2U_7sizkwJMv68AcQ/s36/05.gif",";-(");i(/\s:d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOaYOc_G40oJeKGEXPtEXwcyOZ_NaUDQ2RgVnEyimwJVM-Entze7KiF73eI6kI07RpuA3ig9VmV803qg15da7dLdlfuyfNnx_PMS8EHtKDUwKNGZZbXYXWaeqCZxlNnBo1C-slzOdQXPc/s36/7.gif",":d");i(/\s:-d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj9iGwnQOBHTSeK_Wa_IM_5FS3M7aHRe6uE-b24kum77tuqj6lUD2mmDj2W8gVcMdj6JuxknTvyQRdcS_roOGlWr-P06uLOAfJDUaimtsM7Say5Gc_GEzFsDVJjmzNQIOUrvSrhkL7fss/s36/8.gif",":-d");i(/\s@-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirLbEVA8rogGltAj7_Wgu7uMKF3jygEn9Vb4tZkGa0rA6R_EBRYuf75ubXiU2GAXQ6jaSSv0i5FMzie4CP1E5kU-O7VQcQfTI_RCWMdzSCacVEz5FiD1byf5KoubrxD1B5ZceR5wL37a4/s36/09.gif","@-)");i(/\s:p/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGhwTWSnaDO7QUpBZHXZk15xI2KDGEX5MQLPHD5BnXoD8Ex8csofoTImMmPlfYhFLzQnCibkvctnyCJbITyzAPS8Y_XKokQKEVuRxHNAoPPvMkGzT-uKpW-MSjovGVwt-FQwHpRIkkBOo/s36/10.gif",":p");i(/\s:o/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicHWuxochO9wGMd2MM6zAA-QDL9nYIH4e_sPr1tFC4mhbajBJTwY0khi-ljUtZazUmYEJnRe0N9c_KGTprxqcwFdlCDeknbu2JizXM6fFDhanD6ognFLNQYiQjDQ0BNmPIWdptkEASwuA/s36/11.gif",":o");i(/\s:&gt;\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE4apw-4eWHzAhPlGAQbeSOiVY7GKSHlqaYflBi8M7Z6HKveCd0ofdyj26I4HskMVoZfR2dpOv20T9r3hA2bgKwrEvLQEj7CvS-M1p1ls3P6eX4om1ZVZ8_sOo1gHuHtlTzK-lEM6St2w/s36/12.gif",":&gt;)");i(/\s\(o\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh4_vxEyUImTPMH6loOQRtlr-BpCQ1QBe5G2w4_RG6gUlM12U27YrX5Yhd_ria9zM3kLEPHIZtzqeiplAD24qAIcIbpxVYvpT-toz_e9wl0NNEnO46Iyc7hNvcFJl8uKem7LtTF4VBdOk/s36/13.gif","(o)");i(/\s\[-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgstgua_x8OECzzGtXRAoGYS8IlpaUIQNHfeoMgaQrjKvcB4_kmQi5wdl20Qy64svbzXSr9wkLJXgaOPl_o9JsGIvu_UHxQIp9H4EhgcOTkVLHFK6mgI_1WbuU9pjbtMI8QQlJLlVGDusU/s36/14.gif","[-(");i(/\s:-\?/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilIukVWOLGSavNGkY4UTFnMkKNkVOsHrWAE-5Qt5CUUc4zpiwaTKiPnq4Q0k-qmDCr1crqgAdDyuWIcPFAQGT9BpoRECR2M64vCol3XFkNGqQGg0fjsBN_7hOHfD7xQ9TTBuzVqBPcED8/s36/15.gif",":-?");i(/\s\(p\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg6SAUEwys7aJt6Sb76MJakr11mJp19tVG1pmmAIAu-CoBi-zzdLNNqEFMgJj7tJm-CFNiCKVszJUTGZjLKxY0SNKvC7jNIi6KcrM6QtXNLl9YM5lcf_AY_ATuL_WAm2MXtn94CCKM0CE/s36/16.gif","(p)");i(/\s:-s/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoMopiJVXbkBCpWucHAypSZ13M4U_VuhXR7zkW67XVJ7YtCY0mpYsVjvA9216PutYSEz0QM2mhyphenhyphenFkXwc1dsaPb9R8UXwXtb4Jht34HqEtheptWkUTXVLIrnMzq6R0z47Z7PE_SVVkAmK4/s36/17.gif",":-s");i(/\s\(m\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdALofAtZZJHyvZ21Q5A5Arsl0wNUlTyi2tp6AQNgTf1zE2jE_ylZ20CjA3R6UkZi0hiBfqAp0FR3v_UD6D8omtmIZfs8P94R209e9PQWooSndDnecnCYKB0949_72rKscYElDjWaaYBc/s36/18.gif","(m)");i(/\s8-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx3zwfVpkyeDPuLazNc0kCDsRMM2DM6VSd2UP7XeDMdR0m4QuatFfdXkZW22B7SDXt_klApZU4aDWIs-0vUsHL4cd6KG1YN_MmwDuw2BeT6pY5OgMu1V_1iuyXNJmtTctIqKpwMSoyVCw/s36/19.gif","8-)");i(/\s:-t/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1rrGIax6VjtilC7PK9cejMpva-dnfsdqKhs6jXGDqdG_ZahBsKVbnmnOQLTtGh81QwprkVjj5sd7OMS9L8WeVhTXLHF1YBJdpThXuBH5HsyYv7F5ILFfvPkrL3hWVNhPqdBwxn7Oy-FY/s36/20.gif",":-t");i(/\s:-b/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqc35pLt6aR3H73hsSC8lNovkEZZzvYfLfZKvdtRqXLHtF3fNf4QMq7Z9rc3yir6bv1doKFEo-RmeOopX4MyuYJAaIsRsSqKaE3NpZ2oBAwGMIVxkt_o0bMQaUbQ0ozZj-m-QcRY_sJI0/s36/21.gif",":-b");i(/\sb-\(+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBp3_CgmovGD0MSp75xpGbhTdp5lghOHOTh3Z8Bw1U_q6-b2gjlUJjRJWMAWjZyuY7VW2hYKiFCB57EI-xDGoiMDhcxyTvQ_q168Bq8jnBX5Sk092S5rA3kdB7IFDyGBF7Rigg61f5Yq4/s35/22.gif","b-(");i(/\s:-#/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi30zd5nsnQryElInA78FRIVjYu9gAzAn4OoahWrLjYYew8BMi0aonfrcGQHKuCqYuLYXuJZqExlewmPZuvBNNqQrsfxOJsQFxEiVq8moTtilHdR0YPUHz1Rszpt9nPDEueWH6j2yT767k/s36/23.gif",":-#");i(/\s=p~/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnuGoFZ7OiFZjx9mZp_ii1Q-rpRAWxpR-mO_JI5UukaNpUL46PX6s77mPPxF3PVTxTCX7WWmDDPNJjPDTXIhfWK1o_qWkCM9zQrkIvZJiQ5DLpITPgewqIyROf996IC3D-FqIrsiAdypo/s36/24.gif","=p~");i(/\s\$-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihX3vH8B2MsI6qkglmoOVt-nHt_7LAMbjXaNNkkDFD_EULldmhj5Ncj4fNumd9ivLFkX3wrQlJ7G-TOCskM7Hwq_hwokrsIXoAaaANmXAWH7IQ0Nn34syl06IwIMW0CDAhfI-xwWanIFA/s36/25.gif","$-)");i(/\s\(b\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQzdWt9jVVoNJVwyJyUV8eWKTlRN5-1k4oPLw5ckYee_qYuh8_roMHOFqM2Ih2iB0hgTqcsoC2soJy9p3JZxUAo52SnrDyXHOTsb1Jg6dc4uDaBfxGd8DJn4fY5goA8YTRWxjKYd6OHI/s36/26.gif","(b)");i(/\s\(f\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXlxdOd0fuD3d8-c0Tmog-DuWxZLXA7ch1FuzyAr3PFxGKjMsSTrGnB_jdeKtJOynC8rH1euJE-ThkRPWGUxHZRBGRMs6AF6uCpZwUZu_2NZo12QvwelGwBinqJQXj1YxYHGy2DGuWLgI/s36/27.gif'","(f)");i(/\sx-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9bn7zvCITEinV7N9OS6r8uKF0zS8Yc5HN6gd4NClpdW2Slax_ntBAIUodCCQmPft69oRMZjX6kOS60gWIaG-7cD9HdDUizrFJmgXyjwEbBQUks4Lae_W8syHAzLJkA8DYBsDxxsduy6I/s36/28.gif","x-)");i(/\s\(k\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil_NWmqi8mO4Ps4jrY30QroXjuKmy8fiJh4ps9L5OE3Q1r7ck7TwUR4h0uEhC8-P5n7ym1zjdtstq5SZgwZjlxU382QsCy8vh-CsKeEOs-C4nV1zY0MuVU5eyAWqKH31Rdwy_ihvJ25V4/s36/29.gif","(k)");i(/\s\(h\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYyAyQEUOFPJbVhHLNuCW4W6S8C7KluRBX_grAXyN8D9AMg8i2SU8otEE35AZc4Ua5N1HSN9X9YOiQKVJa-icQLBTZxc02WWZ6oDc0HLUp2XeztIw_PkG3dlbiYMtZ9FZRdkGeamfdd4Q/s36/30.gif","(h)");i(/\s\(c\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdja0olZ7EYj9M9syOP-ByUepFJfUGWAXVxpY6yhcUroOi8hnwlcKQs0OVddw0OC0sQN7f8HuBfUrGcEnElbqSRiQ9p87z1Qywl_ti-6Z_bXQAE0H3zPM2h8BePnunKS2LVKbzTg6_Opo/s36/31.gif","(c)");i(/\scheer/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuT1Dgq_2F5sTh8is6EC6j5TZiAS7W_zmY2fE6wcHz-i2oJb_oRa1QGUHdSYSgz2XrSvTjyvq_cedqCBdNbSHP3nOXuYJ2bDQ8-N5QwD237djPbupSpTmPmWpeTFWMYKegry3w3CDppsY/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>

6- Tiếp theo đặt đoạn code sau 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>

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

Share this post

La Ngọc Hưng

Chào các bạn đến với blog truyện tổng hợp của mình nhé !

Facebook

WhatsApp

Instagram

Subscribe Our Newsletter

Posting Terkait