Hẳn bạn cũng từng biết về addon Greasemonkey giúp thêm bộ chèn biểu tượng cảm xúc trực tiếp vào công cụ đăng bài viết (Post Editor) của Blogspot. Kịch bản này chỉ hoạt động trên trình duyệt FireFox. Thật may là sau một quá trình nguyên cứu, mình đã áp dụng thành công phương pháp này đối với hệ thống nhận xét popup. Cách thức thực hiện là viết một kịch bản tạo chức năng chèn các thẻ <b></b> (in đậm), <i></i> (in nghiêng), <a></a> (liên kết) và một bộ biểu tượng cảm xúc (ở đây mình tạo bộ 25 Zing Emoticons) sau đó upload kịch bản lên trang tài nguyên userscript.org. Để cài đặt tiện ích này, người dùng cần sử dụng trình duyệt FireFox tải addon Greasemonkey rồi cài đặt. Trước tiên đến trang Greasemonkey, nhấn nút Add to Firefox để tải về cài đặt tiện ích này.
Sau đó khởi động lại (restart) trình duyệt, tiếp tục tải Emoticons Script về, nhấn Install để script tự động cài đặt vào FireFox.
Sau đó mở hệ thống nhận xét popup bạn sẽ thấy bộ biểu tượng cảm xúc sẽ xuất hiện trong phần Comments Form. Mỗi khi cần chèn biểu tượng hoặc các thẻ HTML, bạn chỉ việc click vào nó là xong.
Tuy nhiên để các biểu tượng cảm xúc hiển thị trên phần nhận xét (không phải dạng Popup) thì bạn phải cài đặt chức năng biểu tượng cảm xúc, bằng cách đặt đoạn code sau đây vào trước thẻ </body>.
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
//Emoticons for Blogger Comments || Author: Huynh Nhat Ha || http://huynh-nhat-ha.blogspot.com || © Copyright 2010
function emoticonBloggerHuynhNhatHa() {
if(!document.getElementById) {return;} // no support
bodyText = document.getElementById('comments-block');
theText = bodyText.innerHTML;
theText = theText.replace(/:1/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3G3L_1gHQ2Sh7WTLFDZO05gOHmmaB_rweeHTOsW4QV5tpP2-H80mx8rA8EF7zus57y9J6raivlRvVxO4fqZbvF9UKFkAoB0VPMmkcx9NPakAwyntjpHTmPz6wpl-ExubkCQtNXeB2Q15y/s1600/49.gif" />');
theText = theText.replace(/:2/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPA2jz9he_1olILDKbTxfjq18oKu5Ju0jELyqjwVj5gqR_f9lOlIoSXpUzdhYU5dDnWQkAhyphenhyphenrIIXLn3khzApRi3epCWG5n79AMOJed2JOQkjaPdW2j3a52dVbIlGqg6ggP06c5fWoeoj9q/s1600/102.gif" />');
theText = theText.replace(/:3/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZ1ye-DIrwffM5h_yxfzachPHrHKL__6iik3ZdwqbPgK1KsOLhfVl80XynSsnnzqXQ1yZRrJg7tx5dbLE7TPOAY-O7sAfBGMqJyLnnRHBt0Q41j6wE657k54dk8sflZK9lJCJk6prl73l/s1600/113.gif" />');
theText = theText.replace(/:4/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguW2XxeIPqaNt_olDpSyibOMi7mlIUBFWjPC1yIARfZ2Y_NImCunYk2F-QYFJtxdpHnejuWSYCdxzAK5QlYY51tAultMzMZW1akZHJ-w1p4h_WjaA4563hGVr0ip13lJdFUFDUdwkFpADu/s1600/93.gif" />');
theText = theText.replace(/:5/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2ltLiO_H1YGSteV5A8DG5hoqTzi4qrWNCDtUsGJG8E3WoOVJKsljaOoixmJ1Umubc2upURqmFzvbartHkZl2fkCAyGXVnY-xdjoAmzJoqg6AuRNZ8Aan67Wpgg1ZVvnO8rS5Hah0ixqnY/s1600/61.gif" />');
theText = theText.replace(/:6/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbhMzDEHH52MGOZx9O4Vjlh791215rQXVztxEu9vdDfSuBy-f0aN6Nn9fush_ddUch-BLfTTXWJWB1cltztjepmPL5fdaC6vGN0AjliaumRk_EkbHxKkPka-23_Ibo_l8g2ozgqg4YB8yg/s1600/134.gif" />');
theText = theText.replace(/:7/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYZ3UPli7PbxqH2enXIVl7nhaD65QcW5fikEH8NWaOfYnCTd8Xkonqt7UO8CrM0NuVK9xxMcZCxD2moyZxYo1RDeQGxRPSBs8RVcB_18_qthC__77GLHnkgx2l5rGt-DPcfQt8gFFcAUOE/s1600/39.gif" />');
theText = theText.replace(/:8/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN4vl5McS-WLFfrbmQ5-muee8T3_HWh4zYZ-BCrSoAFZ00E-NUcKnHchL0vyH0k-EraVi03E62cBWf05kvKIwXK4j7B1b1bLyZYWS6UFcHuTOUnn2auiBJ5bWnYZOzpk4zLlf6opJt11N8/s1600/106.gif" />');
theText = theText.replace(/:9/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBf66dn9dHmzSpBCZjngjohDJqrMSd8qKS73zyE06ONIb5KMaUXWFJtMGuhkorEGtDUuFEKWWf_qk1ysHTTSYcW4oBWi_-TnGNCzJx_gq7ahTeDEPOOX2PdxsiAn9gJpXDbWsbCuBSNOse/s1600/43.gif" />');
theText = theText.replace(/:A/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiya4N2lGJNGyNr5PHPRq2Ucepm4roc4lMNCCcRsz4HXtUuKTNegb4gdcHlt8LV0QvauY1CEblNBhDbvMI1alNHlgmj_9HQ270O21bm9NN2AF3xiFiIEgQvvt3Y-QnLnFNOMmyhvnamc8h3/s1600/111.gif" />');
theText = theText.replace(/:B/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiafpdZeUagqfil4Rm-3vNb_2wlGrhf9-ND2KdLqscQtyzus2C3wib0iz5JvYiQF0qUqno4u8NBZTHcWuIE3fv1LpdY6OrBjt14_c6nKFfOR7tcoJaxmFh_wZExBkd018ZZq7ZQBX5Czh4p/s1600/48.gif" />');
theText = theText.replace(/:C/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9cAee05L21pXH9WH2rXBWZEMrGxGIS3Bgy5QYhiJ3gJ6FAcd2jgdsXXBTyup8W5jNZI8WL6NJ1UQBNqEorExu2Gj2UEhrHRm7RxhjQKUkHc1iZKBrmgFObHI5oSELTJJ6jTkhavstdn6d/s1600/54.gif" />');
theText = theText.replace(/:D/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE4GPOpXlZDvnDw4YTmdnwPwXdayxeh-jNeUNpeAR8siHloo5gOZpwhSoVo51-DsxDzN8cC7rBkyvjQpxWq5d1c5fE1p-Vzhyphenhyphen6Utsxf8dF3CGeMMnbYBISI7pQT-vpB84fqxwBXmSVPNpJ/s1600/63.gif" />');
theText = theText.replace(/:E/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu51Ev5uJujZe6nITozY8CgdWrwnL6X8zJrKZR-Y_3eqb0zFxiCBxu4Dm4zOFFz4bSfMUytzqUjOliLFgaFV2o92hhK_4sxDteYrILD9DnkAF1XFVoDcadkUhSU58-_QQ8N882OSR33Xnx/s1600/100.gif" />');
theText = theText.replace(/:F/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir7hrHj49NRE-bZwBnbL4F9tMQWu_bVBBPeuCxSi0pTi3D9OLwUCF87c7NfM-zly46wGTaMkKhAKck8pdB5HBdRe24848TICX680tFcJyNRc96g9rwLYx_PYKJxENqgTRepmMPD27-dEKg/s1600/45.gif" />');
theText = theText.replace(/:G/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji_t2u0EcT8S0gf7rD69s_gs3JaCBo2yhrg2rePSShVyQGxgklznHlnfIIk7Rb0Ezd37mBksoVa63q-iqK_1uQVvET3tpGrouP1JJA0UzAw1c0_lbVpvQByFsv7No-dz9Wgq2nionBjfxH/s1600/77.gif" />');
theText = theText.replace(/:H/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDOyZVxr0-G1OP_RoxeFRObrVL__I5E0Z1xpfUBCariJWvjB6y2-J3K8sRYmCIUC0vwmDvMFVO35jIVUzTTtRBIs9i54jCI5q3-y5c1PM22P3LipiwcXPUsQzMbsSEuNz7Iv8U4f4h1elZ/s1600/86.gif" />');
theText = theText.replace(/:I/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTctwhXC5OLurq4LBYm5En1dIgj7sGOwQ8viHSciqv9CEjk1fqKD99QiD3RIVOzXmXv7t8PRuzDMQs5wY46cZO5YOqJa0KSdwYHJqmWEGUyJbXQgGSL8AvWs-tfrZbanzA_4t5zgUu-XnJ/s1600/94.gif" />');
theText = theText.replace(/:J/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4AJCWQAj5JFm16H3qDBsZBRpDqvVZb4kxsBvohOap40-STb8tGLWVwgxyxu7Rwz6pGdGBYIhdm-_l6JoDa2uq907QdQmkIyxx3MDFeDnt4ZweyQAaLEmhIY2z8Km79QsYdxMyv830un6Q/s1600/83.gif" />');
theText = theText.replace(/:K/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdAVX7Ck7TE-idHVdzAWeX1mc4afR2MujdXFlJeJ61Pbs68QCB3DYd6Hy9jKCDuNwNsv21Ge-YD1UPv8ez20UPclv6BeejCMcz2eCV_YYEbZxh3ZD1wm_2Zrha72vyGCkKaRZatWFJ2V4i/s1600/59.gif" />');
theText = theText.replace(/:L/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLi_PUH8Cthn-KBkiacaFrlOvSDo30e7RrakbSNsi9L4jLPFxrs2cJFc7UK8zpNA_CvaQVysqJg_7YmkF3JGW3WvLKzwEnYyAg9Y5WQY5FYKydmRHkX69R6PrDS4zZ-6ITjHfJioTObI_b/s1600/soldierbaby.gif" />');
theText = theText.replace(/:M/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMs-MKNtfjCtn56GkJIRf2XO_nSuwdcPx-l0YLv9EjoPVjS8mAyAlhFTe6tVrldi7KiDgl9QxqrMCCLl_mRXU4zxuRS_J8iIlqbx6sVXW7WhVdckHWbNNK05hpphOdyzd4LkZ4Y29G_pOE/s1600/alo.gif" />');
theText = theText.replace(/:N/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1EXDIp4S7-An1XxAhjT3hzsK_3gxmLIyEGJMP2iLSqC5emZR8rm4W_Lusefr-f6QNcegdAF228927A0P38Xvbd_6RW3OdNltP3SYGG8zkbqNaHe9r6OJl5T2qz1tPaBL9x0LW9t7yBnDE/s1600/shutup.gif" />');
theText = theText.replace(/:O/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQth7z5gT98gW7ZXXT8PnceGYuC4EJcZSPRE2Z10La6-8CgcouZbMLguZI78FrCGnT31_fGi6wNIh8lyEda_-86wya-_EIzTfox1MikyALyEsR2nZo25wHxS02kh72wLDGD5bWWBlgQfHU/s1600/yeulam.gif" />');
theText = theText.replace(/:P/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSpDe578WzqPslK1787NJ2_Tl9uRSotASAq6DHOExH2zKyzXDtu8J6MnYHpVM55GHxjCUOuQFjWZcWeLA4XA3tFBA5yipFgNlrGJl51_11zQLKDMs01G9XiwTrSldWvPTxXwNIxjeXU0P4/s1600/datbomb.gif" />');
bodyText.innerHTML = theText;}
//]]>
</script>
<script type='text/javascript'>
emoticonBloggerHuynhNhatHa();
</script>
</b:if>
Chú ý
1 Để chức năng biểu tượng cảm xúc hoạt động trong phần nhận xét thì bạn phải thay đổi ID comments-block cho phù hợp. ID này nằm trong một thẻ chỉ định thành phần chứa các dữ liệu của nhận xét, thẻ này thường nằm ngay trước dòng <b:loop values='data:post.comments' var='comment'>. Tùy theo cách đặt tên của người thiết kế Template mà id này có thể có tên khác nhau ví dụ: comments-block, comments-block3, comments_block, cm_block, commentsblock …
2 Sau khi cài đặt thủ thuật này, bạn cần cập nhật lại thủ thuật Chèn biểu tượng cảm xúc vào nhận xét dạng input để tạo sự thống nhất.
Unknown
15 June, 2015 15:12
kate spade
fitflops outlet
pandora jewelry
michael kors outlet online
michael kors
cheap oakley sunglasses
michael kors outlet
oakley sunglasses
ralph lauren uk
oakley sunglasses
polo ralph lauren
coach factory outlet
michael kors bag
kate spade handbags
coach outlet
ray ban sunglasses
chanel bags
burberry sale
cheap oakleys
jordan shoes
air max 95
kate spade bags
christian louboutin sale
michael kors handbag
replica watches
pandora jewelry
coach outlet
coach factory outlet
ray ban outlet
burberry outlet online
michael kors uk
kate spade outlet online
coach outlet online
oakley sunglass
pandora charms