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/AVvXsEjJtEVdAyHXfVRkoEN6d1HEoxPI1y2dXSWBevamugQuThUb8MV52hpnMstCCHnwBtBiZqyKFz7FW5_lhbyJyODer9xAs8jJx5kZXEZB_fbJdExNY1c2POpEcvlDwCiFt8otAfRteUTIepU/s36/03.gif",":))");i(/\s;\(\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNbvyXKr7yplyNReam_3XoEhoXhNDODIZC_SD43EJYi20EvqV6gHIeWnNUDwLyk1fr8cYIt83VCyU3ub0HYu8NIAkl8PbccA12Qs0zQVZ1HnLIVtu0712R6CnmHgfRdj0QB3lNY4cevrM/s47/06.gif",";((");i(/\s:\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhADEvPxbjsB_S490JC10cwbZ1gg4mHhFbNOP4hr5WCgTUvdTodROV6JL05R6InGz4pH3jECWzzGD8KgR-N9PtBMD-btDf3Zfj8L_etK4my9JBR2hJiytx44eGlkqeN9syN4W6SpCTGs/s36/01.gif",":)");i(/\s:-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi615NJWldTSW3ACt7AwKn6rh2obK7j2URbbmqQOPyOPcEguzvigiYJaeXbSfSeDxFlv7q6RHrdJ321Wl4BG7z535MYjCM_Xd5SXWEPNBT0EUFT20FajvtptJqSGdGvN4e9QkDQ7R2T1Ls/s36/02.gif",":-)");i(/\s=\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNVcqm370XHKMscszgftGNGR6yxPjFsAKzjNLHRpnaUGJbTrsTWvjw5EEZZQDsTm0mawKbprc3HHK911vDErrIJyyzOj2h4yGuHrJ4eG4TC7CO46YEL-7R9jIgro4xiVHntTwGhyphenhypheneB3ME/s36/03a.gif","=))");i(/\s;\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNxLXNqXSLTWjZxPikp0uDEm1EF_euzGIqsHH29eBKTsuIar-k_9WeQNqQ7_BsE4R1tFbhnWMogN3sGgynLfqTkSCInJBBa3YhhHaiwYW03bXVbEFiA0v8R9Y6xy8sEbvDgtZQ3_T_blc/s36/04.gif",";(");i(/\s;-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX19rWBuuGi6jlwa7nSp27o2U6-vAcFALy_abWAfqpT4V7vHYTGJUFxBBHlTVtVYGaXqz_dxheA5oaxYwk-l9Uj8JmT4FyBzGT5ZRhF-OdI69IWUMDpJ_U_cmtAvMUpShCOaCl-iKjr0E/s36/05.gif",";-(");i(/\s:d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7TPHo9tzU0fSzhgNYlxUEP1-jFehdx7PGQzUtR4m-J0Oc7f4lSLwrmrUuO9QoLQAE3s4Ykzcnj3HzZYR4mOdm-QLvTOp9dq4S5sp69WWkdj3osam0SGLph5hvR8BX6TAtAERipsb87W4/s36/7.gif",":d");i(/\s:-d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBrcxP-k5AbMQrHs4n7cXopD2etR-5Ji91QTsu_1WvpH2SgFr8YFnhU6ln3GjU7LZ6lJHSJd5uGJdpEyGeXcMeCfq1o2Q8gePUCvUx4UW8yMg_-st54l2NHRf86I8TmkUskLNZMDbpx-4/s36/8.gif",":-d");i(/\s@-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNMyrUhBDxs1RtYzoS4mZ6W5g6Ent0rMoGx_v3x__-nwTWP_38Bc8POlSi6PxzNcsqDZtmuY75Mav_unh9MfUA-Fsn037-53qh37F2v0n7yc-BHtZBhPwIqoNZO06BMgRuX6UW2mucx18/s36/09.gif","@-)");i(/\s:p/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_RbGNDsX6w0Cdy4n985AO4NaERCxoQvgO8b8-S3_VIToxEzsTZvMSqc92Bqphylk8YjaPZfqa9I1a_T-HPnN00HDzJA0q_Mugrg1n3Z-QWhsKma4I1FPyPrVLTCBiv00vSGM-yDejJyQ/s36/10.gif",":p");i(/\s:o/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCjWxcCiwmGwa7o9-BIbSUVVYl2gHusX9-r63tiSq9YFwP_dgnfEO4uIYk-CmReJOX4_kDMbEiKwg9DXiWyV4LxLW6sqOzZFobDAxO__-7YHcrpiED57C2qfeKi6QN2bKMQQAlEvifDbg/s36/11.gif",":o");i(/\s:&gt;\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxHMC56oSDbzpGI-5XtQFFm-6f-pM28ylJLkH0oZQNuu_eE6tuJ10DjOw4grtpzmZfLtejyTV7-57DDQxxjHRIPKrouvGH9m167ivGFbtQyaPLx7hd8-r81HNGhjdfw2AQ45ABogh0Hbc/s36/12.gif",":&gt;)");i(/\s\(o\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYM0GpzaneRFbIyHsdHvNvgughfiHSE4LCz6vc647jyvcBxiJZ-6y9U-1hZ13dQWZHbp4k3Et-lwoffvk94NdbdWlhFcqTe8we7z9rtX9Ic8qzcz3aG-zwoTYIvSHBwR_0w-ppuOvmRQE/s36/13.gif","(o)");i(/\s\[-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFnj3zW_n_vzvDnSgUVK9v1bVpklIVlOWZggDmMwuPE54QzFgbCapzWa_TByZh5HVK0Yqd5eqx9F_9uGscYb7ujx-HMQufVeonU021gxY7_dTi-Cnjzk-TgTmpefvEBQvjHlBWY0s5rNU/s36/14.gif","[-(");i(/\s:-\?/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLzAsE-CY5zihd57OnU7MmCoIZ1y_O94UQC8I8SAxWcoHpKlenMG2CW89wVaVb38FVHR836boylyUjFHZXt6PurMfqrIpIdxNKTRw3hm-rQqmxfx7y97r00aWaMSY0ArUqvEgVDdHuzxw/s36/15.gif",":-?");i(/\s\(p\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsRgC6akGFkWI2ZK0YYF2sJadzsMk3d1UWWB2QxtJpW_9B3eIYU8mIpqDumT2LCyOttOXlfKWmnEzpTGKjJm2hBB1bKgsZ3TIHoLY0TPA7AQifYXc-ktaYrSxjRXNRBOVffZw3KrnHIMc/s36/16.gif","(p)");i(/\s:-s/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOGWEeKMSgx3JCThgJ9776MIhiACM2m7eRKcnZ_Yey8ZFgZbT4Yu2gX0MDTd7jivbW4cTzw2lW_XbSL9D4ui7RsvvdLWE642ze-EY8ypUI0hGPxwzUx1KVAkjtMTq-yEnICW3yZzOaFrM/s36/17.gif",":-s");i(/\s\(m\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0TurVY6BG74rQxj1oRTx2h6BrQ8BHuk5ScVULuDuxZP4HGWCunmiURadGfGiU3hxNjjZ6TAbsGUF9fWVNB_hQtVHpR7E97PszZ1eDTEORP7FG_8PgMjThbfBzssuUj6_EZFdNxNIoB_Q/s36/18.gif","(m)");i(/\s8-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDa-qxAPOXkcchAl25io760hNqKAeZxiezPqYx2BrO4wQiTfbZiezvmHmkg6VcPBgmliUQHg84T335cMksoPlZ4nj0dKOJlzKGZAKDRK14L69IF5PKiWaxK-lNl0iRX-KyesvfNwyryXI/s36/19.gif","8-)");i(/\s:-t/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifE5wEm5B6GfRP5pRsz5H5AaPnQIhIT5hasOu8fIOTvWG6afBAQEIOTZhtkik0X3HsO0Rj3tsSLw_ZqnR2yoVhFqNWbvDJGnv1F809NQHRisbufKy7tqiaMP8YtlECObpvYRUuI23NTXI/s36/20.gif",":-t");i(/\s:-b/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYtVV10pbCsAuGnaFrJr6TiZ8oeTiLe2nt3V3NyuSAIgKDWgxE1ZPWdTy-WUOSojepMn8Rt-0Ci3QnTpmUQcny9I4E6mABNEmhbqfr95iYY2yfRZ4XKUgmj22eNKr5rgrsqUT6Mp9p-Rk/s36/21.gif",":-b");i(/\sb-\(+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsitoybdtAT6W3PJPWM2uVur0y9Nb4_JVUMKeMSxS4xfbQwDoe_gMK8EGIrG9mjzWcnc0YzJTHftejxNaiG8w4ghFBzoI917Pu5Ddl45s9NqaxcKffLeBCQj8JvbuJcDK2P_fjS0jcwOA/s35/22.gif","b-(");i(/\s:-#/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE0lG-q1NrCtyTv0JC8Y3YizA_6DzARF6zUgSe09nXhcKW9WucCe7IO5tO33eDvs53mCMpZYHp4D4KS8QXxStQRQIZAW7AI40OWrKKtNRTnJFfKzb-5Fg8j025y28JovOKWCCvCMCNyHE/s36/23.gif",":-#");i(/\s=p~/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPaUbey0zzC9CPOqmv4nE4q1esdO_s_yRA9GGKnLk1acePbVnnTIgmVAEe_nB_PKuq7BKXGz5EZMku-jR6oUsX9cVUg-eSNcrrs31pGsIYiKcacY4j4Q9KRqNolHwdBwINAmgqGQTyUzQ/s36/24.gif","=p~");i(/\s\$-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRV4PL2JdOPS3bnf8pPWhBdVF8GlrELe4FZ2SnKYrx1iJxfHTpi-S7AqgsJAQKvRwtvPLuYRd1L4sNt6bt-jVbfw44hBtvb4X_hLNCx2hGRjaOrLJMM8WSTyVvtbnamgRSLaRg3OwxOtY/s36/25.gif","$-)");i(/\s\(b\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkR6Zys1eBkWqwqBviPt5E93Td1BWKIeimRwjlvAsjmHphOjstg2OInqGXCA5PmD4J9i3gu8uqHSwbUzAhe18BCZuY7xdb3AkA_P38z6zFBzDGYyQIsJrwvd6OMYDPxXEYSjtGwJrYBiY/s36/26.gif","(b)");i(/\s\(f\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-eGfVWcrK6jUIYOeONAblveQ_vO7TSvO-3JGuLHz2HWzK8cypswjcAo5FfYHnYT6usvRoEM1OfRDIEhJQSPfX4RCQfuBfoSWJfGrXYTV90eUBL9GG6WYLV1xs2TDxtteack9B_giLL8/s36/27.gif'","(f)");i(/\sx-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC0L_wuZp7JPqWi0_zcnbVQ18b2nHCzPpNxBiO_0QLAC1TlDJ0-xWw7v6wGropjbcRvB8dBO_zaNjXtuJZdTmw90CjFmTrwiaGR-gPLItyslJ-kfJvycad-GiGzkwnhBfjrhdBTRif6Xw/s36/28.gif","x-)");i(/\s\(k\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2EFRwp6tPkE2G9qRGBdmoSg6myfy3N_tsXIoXi0FTh_6GcNiEBDn5ZKoSJOwHeaLtPA3a_yYg2yEEsVXlh4uMacmOxCekWc75V6cOFgZdPizF-OhtwOD3Ftcqapbv1wr551D-l6xyhOw/s36/29.gif","(k)");i(/\s\(h\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIuudCY1tIHqh5iL5rcv8ufK6jGYAZu81FNq8R_KItL_k-CBeDmOGlCeibmLdUVxunUt-RJNVn0jyjeX1rdrnRrVwGA_CTjUeHUk3c7hK5mlJxCU6FL9Blfujoaurr3LOXSr_V9jpoYCM/s36/30.gif","(h)");i(/\s\(c\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYnXa_hWildG8HgH5FLywWlCvhRDOZ9Jy9teMEUabf1Nn4533HH8gu9_eRL-VsZUkwPjIaF0h4Nfabtr67g9xPVhMpC8zjr1aQYw6ROSaWb7KVAix0OHGGWPgUFnJ8PFYvytYxcJSw28U/s36/31.gif","(c)");i(/\scheer/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNsU6FWzQx6k_lWakUO4CmnXidmrTkGwwFdmwPBXWCTEeL9sENyaOpq8-zx7uVSxZ9kbyqWbm8PwXEKMGvlUHHvEBzA9VbfeJjXL1ZCpvp8d64s0vj3cJTMBtOGoQusDDgg07NOqbp5qY/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.