Thêm 31 emoticons vào bài đăng blogspot

Khi viết bài đăng mới trong blogspot, để chèn các biểu tượng cảm xúc (emoticons) vào bài viết, ta có thể:

1. Chèn biểu tượng mặt cười  có sẵn trên thanh công cụ, ví dụ: 
☺... 
nhưng không đẹp!
2. Dùng công cụ chèn ảnh để dán link các emoticons, ví dụ:

nhưng tốn thời gian!
3. Copy và dán trực tiếp emoticons vào bài viết, ví dụ:

nhưng cũng tốn thời gian!

Ta còn có thể dùng Javascript để chèn trực tiếp vào trong HTML của blogspot, cách thực hiện như sau:

Bước 1: Đăng nhập Blogger ~> Vào Mẫu (Chủ đề) ~> Chỉnh sửa HTML.
Thêm đoạn code này vào trước thẻ </body>

<script type='text/javascript'>

//<![CDATA[

function replaceText(){if(!document.getElementById){return;}

bodyText = document.getElementById("emoticons-post");

theText = bodyText.innerHTML;

theText = theText.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcARP3qIMdzqHSujUHeax1SpMYpxC7hKMrjxnjFM6Z9G17qVA8vntiFgjM8AhMqHCVDUc_8y9HbutNu05uhY5TbLBwI1KCwO1UxbIieKCoO6wj0L8-Ypo0NwonaTe6KL08nI5tbsFR_1o/s1600/big_smile.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/\^D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3OOln9OcWcc_gKrqWo2jBq0v5igxa0mnJpK2rJtyPZIcS95g13LejOB_YXY70hvExOnls_RGQIRqdxQ_8P-_jRsWEMz6aNQy6-MqX8BapQa6ruH8CIe6Jt1E1FJxD_X06RBFFf7gYauU/s1600/YH_T32.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/:\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhex2w1bzPKznwy4ULw900zK-vJTKy46pZhG1jwLxy_qemJvC9uBywqTJCB76M4TdFF9jq7oBoiXHpC-KYd5080a569DUROaREJSRsn9Ivn1P3Nzc1pX7gmFtYfn7w9C_tY99yf7l4s3BU/s1600/haha.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0iaN0YVF0uMcjntCzDNlBXHKvlJlz3K_vStpwlrj1xowQG6tSnKqGqa0UwNYWRuQFaIHSbmajajM_R9ljTixBDZo3D2XDNFnbpfUtyRXiWRsHi6IUBgpEfnHI-8L3VM9TnOJvTjqaPc8/s1600/7cool_feel_good.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/\^\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZeVk_zQFqtLlOcqsUDbQByOYExp7Ptxohh2xOBeLGszbUOKwavIc_Xt_DMqbNaPtgwWsvdMGNRLKk0y1_lAlabuNz3h8oZWV7TaRZdQBIs61hpJQYJvtR9YPg-qOltOK3UzpE4Bcmb20/s1600/vuiqua.jpg' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg86b990cHQ8WGZU6u922FZ4zz4Jjnit_hBY0sJZI4l6v87uPriSm-T_JF5ra7l0NxXVWLWLWwEUgEFJJotUJRo3WIzHfOcaHTfzxCa3XyQmf6qsf_0glLo0duLCYxeS2qacOIyoxtJbW0/s1600/cuoimimnheonheo40.jpg' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/;D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdLoCliiUhpWop7eXfv1rVMiAvSk2Ex9VJCT_6jpfW6oGiiaI4yi8NcTMmZNVTOYt6WCk8VX3vZFhVRf87KDzTyJfvn474EWMgA55wLzEGmcUCasXNErTHsZaGC92L5qQPgQf4d3nyC0g/s1600/cuoitonheonheo40.jpg' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/;p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh452fOp_PDS1jVYVQ5anEWxO87NO2-7B7MUcC2Pd0uVqTli8iVBK7vR53PhloGpZvN7oEwJkAxCqBvUciVByyWPauIoIeC3aQtOf1aKV8A4tcZCez-xKLwqQVK14_lBDYi6L8N1SBNB3c/s1600/cuoinheomatleluoi50.jpg' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/\^p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2SqUbM0pwJgjREi-JaLFSDstJJpclkS9ft9GA0hVWPOGGZyKYjHtpGeM3hOljMjt2ZHw2KeQU6ukX0MoY8tRHkjKqijQLC2s5TP95x7lSeIEjchxtHvNoKxb0pARwMKice-NuJaeVNfQ/s1600/bandua80.jpg' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle; margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwXbVN48QqLlLwpNxnAMTEPG2mZBaR7F4DnzPxbgUMYOqvMxF_MCk23fy13KhMspywHznMb9tyOa3Vv2hCmcNkiiOWxns76pHWq2xZgdnbRmSfi5rAYBaITQZdGh1ZQGJjObOV43Tm7AE/s1600/duaban40.jpg' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/=\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTmE-pbYyRfN-iET207-fqFWCSPLOK9d_hL7LVAmbcovNqDjAh55PyAcT4m6fMMX66hQO97pH3wYkDGUWDodWVAkElBcBhKdSsjobcvtoaCFZ1BetmUmQXwXBV4aqz326GweFBPAWq_24/s1600/sexy_girl.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/b-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR6IW1Iz2U5ENoJPLVuaPOtb-trliECYffZdAQiViPbymKXmJpRDv8vTWl9YZeCKo2y_qXhjX9CHh0dGjqkPWsEI85yEWHZAZjpF_puRd4bPA4IrCDqU97eaY8KVdiwbUUzunFMSkfsnE/s1600/boss.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/=\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmb8-NOhN3EJFacmzKVVYX54xUYmUyf6y_r_tuIrhU39iyxtGra37-EHCQmD1KCSb4tyiVBrJSvGBzZKSAeL60S_L9RdmEGIvmyitbLmeIUJMZyWGhNsSBBVIAKQAHV1hU89wqUL6pm40/s1600/ops.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/:\(\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIR8V0EbsRLU4NS58AkK6emmtyvUyQzjXwVHdLNbbk3Ykhk_3LQx-h7R4QXPRpey4dUKP8Dtxv35EbUCaEb5mD624eW8QEYHfogc0b4muGd0xwBA_8oQmxpB2CSzuEW1fSt40QoSWrCSY/s1600/too_sad.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivQ3I-Fuvx2pug-y33LvIe_8zUrr04mEZnYmlIKM76MhtOWlPGzQZ-E6lhGhhwsfS89WsPEVRYj3OixXvRS39gsJepQS8G5gH4jmfKtF1hlB3nvPtypH-ewTk_lzkesItHkLjc-zckLXE/s1600/sad.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/\[-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLxT5ey_15r_FgRmgCZEH1SGUhFjPS4WR7uXwxY8HQ7ar9IcoWOJifTa58clw8a4F980gjJLFUGsuqI2zFBA8pJtDSThWtCsb6JNWYYuL6fQD7yvbTL0iYY8SzxeO0FlOwo74lTmKGCck/s1600/nosebleed.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/X-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQ219yrWzvAUHE7c16eAAHrCmGlV4fAmPqDmVuADWnL4xfihTUYECQ9gYv9-OUG-0ShlNcnux-AoV1vhDtu-OuH4kf9In6xTUw7riu-hrlHTn7gBeLFsBs4nz6yIgQzlhyPl42AL122o/s1600/angry.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/b-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnv43NFiT8AHLOj1Hx6r1teTZQ1pvExmP76WfHn21bfEEBnmJOcLl9n5_Kn6VtI_EKcHTBZ00wFDTYUoSYl9lH1FlEuoOtqSeibfrRjemIdGEB4jzUMYI9MK9bEZbuPhC2KfG_Su1cAyE/s1600/beat_brick.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/:\?/gi, "<img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUMkC3hgBsoqnHp1Iepm0Y8EbBS_o95tqPBmIs4zXWNkBY3RMqOjpVa-mohBXD2Tn7wLzGxvsUlhIrlVxeHPf2KjYD0QdKnd926aVVrlKW19r8haxklFU2ZiR6OWCRQMXWsKHeD3hfoo/s1600/YH_T22.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/:-\?/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgscL8sdCGc8NBngoFHiVyiTwBnBjOGzvBMuEJf2Dm7kv5UnSn6uhyphenhyphenqe7XFEF9qyyv4apmHMva8lcj_oT_ICpBx-05PC2epI23Ipsj_qZNyg_9ygvX9nkqS_CSIoks1n2kZy4kBOoQgOaE/s1600/doubt.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/:-o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHERvnVId4z4kiUf915jWbGBcXaBNE8SOkuds5xS9tKXm2U9eZ6KVBIHR3R_P-I_pPTK1nYvB5CcNfiUV4Gq1UsT80z-FU-162aZJdBRAxtmOjRalupmIwN9nkI5awmYkW6i-ROhalnYI/s1600/oh.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/:-ss/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4W7nVZ1rZ3xpLqOr2QxrpxFB4RdYPsJiO1h6Arg19WrznLePTwbuV4ZaX6Nc8i1msAZ2cp23vUkUef3hbN_JQPG5-BhGt6HWGI5IjmT3FZ-tRRvkYcPV4vo0sLX6huP5aSnIWso4FrGQ/s1600/still_dreaming.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/:-s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDYVKq_k1KnD0O87m-vj5QdxEIVnCCKcdC7cWk1038fs_78pUJi1dpWNWCq-yBTgGgTxni1hrobeBH2RwsgEm6iR552CiZ69BU4eguml1X4jBNE7jqW7oy4OdUZ6hLkKuyLhHAvkQiChw/s1600/pudency.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/:"&gt;/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6BRItDWY46yYXHLUml1io43eXDdOAjGEZ6IXTM_ruIIS6ZWXoIFlK41eLvCw8yinIg6x814bHfy7CORs4CmpabDBVzcGn_Ctf2Qq7QrWxtoFO2Z5q_PBnyir5SRAG_SCdIhK_Qc8Dm2k/s1600/YH_T3.jpg' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/&gt;"&lt;/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj3bVZGlHfhlVbaH6vih8Bld6ZmMBV4YbpL6lww0iGCFgBfOG9UmFSV441V-9O0OQ1BAAJzCAQ3nLUZAbbi9tDw6Rjp2cAnuIrrXCA7QEXItoW8fTG1T2UJJfsUlvxA7Y4DrcACE7aA5I/s1600/chuaco180.jpg' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/;h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_i2zICuq7RwWjnwcD6jxd5WYquJP9bW-yjN3pfM16E4QblZiq0Xi3mlRv2ushsmiSWdMcMUsiiVrkWs72deQPQfCrfWXVaq6wzaDWlh6_HRajFlnxS5jrb-iVYEjC2r8eaZUpqhfCKwQ/s320/verygoodto1.jpg' style='border:0; margin:0; padding:0;max-width: 2.2em;max-height: 2.2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/&lt;3/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE57ZuksuVAZjKTe_XftadBnpZjhQx6Fkb1vrwmzJYytwhZPcsxVrz0QZXQETAKvAcqnERKTXgofVgj7XKnqesGWXGMs94cHKiiB7-FifS1EBtNhxvCvMZo2tm55HNXERKCiFQaMy64qs/s1600/loved.gif' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;margin: -0.3em 0 0 0;'/>");

theText = theText.replace(/@-/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQ21IuRZRtBJuP-e1ariF7MxFaF2YxY1TtaIl6dnSXsHBz6H7MVNINbWoqfyTOt_ABTT2Yjk0itO4A_V6aalT8eeW63oJAREi-DULXtWmfufAujFoUO-pm0pdZWY6GtNmZmHR0Zpr0as/s1600/rose2.png' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;'/>");

theText = theText.replace(/&gt;@&lt;/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOro6WQDEiuEdMvZpj8M1r_eWB3zkKKHmui5TPmWOmQIBqwG3HX0GW059_wP7rdcr2qDvOu3mWZXboJUQVSHpjCvY-1a-65SSGmgTinPSPHl3SZQHLriD9IJdpcaSIkbtUqPpAj-U6hTo/s1600/cottoc40.jpg' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;'/>");

theText = theText.replace(/@&lt;/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZlVqAO5o0FK6nlWu0tSITUQQ7lMXa91SzVA3tEtKOLKZFaWJYhHmvJR2gR577yh5qOQGZIGeFu9iWVDVu9fX9I-TEQ-sB4RcWM4UbxrEQ8N-8ra5dviVGjBYao7xrkq1sOfM4DogECd8/s1600/keogon140.jpg' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;'/>");

theText = theText.replace(/@\%/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLK8YPLOpMQQVPlfC_d3lquXyi391NTfTKuEf_j0xs8NfMzoK47FXlWgpY6PYbJS2zKPpVVeiEaWG-pE3NNw0ZnaauYlCO_biNbyIMgDkMc1GeBg_V_IF-FKjbm3bNe0s1FTJOh6q_Mo/s1600/keomut140.jpg' style='border:0; margin:0; padding:0;max-width: 2em;max-height: 2em;vertical-align: middle;'/>");

bodyText.innerHTML = theText;

}replaceText();

//]]>

</script>

Bước 2: Sửa thẻ <data:post.body/> thành:

<div id='emoticons-post'>

<data:post.body/>

</div>

<data:post.body/> là thẻ hiển thị nội dung bài viết, thẻ này nằm trong <b:includable id='post' var='post'>
Nếu bạn tìm thấy 2 hay 3 cái thẻ <data:post.body/> và không biết đâu là thẻ hiển thị nội dung bài viết thì bạn cứ thay lần lượt từng thẻ một đến khi nào thành công thì thôi. 

Lưu Mẫu lại.

Từ nay, khi bạn viết bài, nếu bạn viết những kí tự như :)) :D thì nó sẽ chuyển thành biểu tượng mặt cười tương ứng. Bạn có thể thay thế kí tự và ảnh icon ở Bước 1 thành những gì bạn muốn.

Các ký tự để gõ đều nằm trong code hoặc phía dưới của ảnh minh họa ở trên.

Nguồn: https://dxoan.blogspot.com/2015/06/chen-bieu-tuong-mat-cuoi-emoticons-vao-bai-viet-cho-blogger-blogspot.html