Thứ Bảy, 24 tháng 9, 2011

Chèn biểu tượng cảm xúc vào nhận xét dạng input

Chắc hẳn bạn cũng biết rằng hệ thống nhận xét của Blogspot có phần khung viết nhận xét (Comments Form and Editor) dưới dạng nhúng từ bên ngoài qua thẻ iframe do đó chúng ta không thể chèn biểu tượng cảm xúc (Emoticons) vào nhận xét bằng phương pháp input như Wordpress. Để giải quyết vấn đề này, chỉ có một cách là tạo khung nhận xét riêng theo kiểu Wordpress cho Blogspot.
Tuy nhiên tạm thời mình chưa tìm ra giải pháp vì thế có thể áp dụng một thủ thuật trung gian, tức là tạo tính năng chèn biểu tượng cảm xúc trực tiếp vào một vùng text (textarea) kết hợp nút chọn để người dùng copy mã nhập rồi dán vào khung viết nhận xét, ngoài ra còn có chức năng chèn các thẻ như <b>, <i>, <em>, <a>. Hy vọng đây sẽ là bàn đạp để chúng ta tiến thêm một bước trong công cuộc hiện đại hóa hệ thống nhận xét của Blogspot so với cách mình giới thiệu trước đây
Thủ thuật này đã kết hợp thủ thuật tạo bộ biểu tượng cảm xúc cho nhận xét vì thế nếu áp dụng thủ thuật này thì bạn cần tháo thủ thuật cũ liên quan (nếu đã cài đặt rồi) và thực hiện theo các bước sau đây:

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates. Đặt đoạn code sau đây vào trước thẻ </body>. Đây là script chức năng cho bộ biểu tượng cảm xúc hoạt động.

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
//Emoticons for Blogger Comments || Author: Huynh Nhat Ha || http://www.thuthuatblogger.info || © 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/AVvXsEi92PmwI7La61PsjZUbWU8sFVqmKQbI1f6FhVvoTWR5HWCgGszTBz2vc7Ww1UP70RDSSrclw59kEFEVT67OPi21eSIXmYQMW01za4fXKQ2uCQt44CC1o04wFrRfujg01j4jP_eg7SdUBnlz/s1600/49.gif" />');
theText = theText.replace(/:2\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8i3c9R0xrbb_6QnM9JpvzM-5JSSslR7jV6jUBBn6KdBw1YU2GhdBY75jQaNR39Dk8EKXqP3d-ZtcpQo6SB0DcSzQqHDGgvPzUg3HIUNq2lOZeXCSAizFoBRjAZaItUtY4GuYmnJTRKc58/s1600/102.gif" />');
theText = theText.replace(/:3\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK_paAJ5avpVjBguyuxv0378U8x9Rp5NX3uh4ONSrzHWmUIceAbpi5aV0r1ZIdJshjJ6nx7O1TZTZQBwEBJBfLx6cXqQXnNaDpiIZxlgKtCjtVmYAxrtlsDbHJIDhDEHK7KuUCaU5loMiT/s1600/113.gif" />');
theText = theText.replace(/:4\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIxJfqy95yGB5l8UKdK7E4riJxmwYt9JrpNeoTlZCsXLR8JDgT5u49D3n1DuShH34pVniF5iT73hRR2FUM7yayzH3RUxEdy9bJDoRMaroY7SLtskFi8y0TLG3qp-4o47dKYYHn-DNXaQzB/s1600/93.gif" />');
theText = theText.replace(/:5\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEZxnLLcGYb-aFpkBfGMh4L7K0brIVcvvpDvBaR6TWn-Er8rTGy26xiiSHVmnvnBCCH5dS7xu_x700u7a8a9_Y6fOZWZoUxwyjZaNb4uMf__hoT4yEmG7M2fJeg0hGk8KoWga5qe0JMGC/s1600/61.gif" />');
theText = theText.replace(/:6\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyBdDq5npgOIvBdY0BtLJfpYfoChu2u0g5FhSobIJwyrQ3iApln5KTH6ANTcsQGhpgicZOL1EuftC00ILTVgi7xtHtD0wB5Loaj39zjEBD5NOWOjxsWSf1W5FZhMceseiWCBQNfL6Ilb_d/s1600/134.gif" />');
theText = theText.replace(/:7\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgTnAlnbaZZq1NOXQaZ4pGO9GIs65tpLGBG1HU0tCozZiqwSn0G2iSuJvtlR3YvbktY5O-UW0Y-uXWvSX3l-HNWjku-6TTepDQDXeXaQstvQZvW9G49qVV1HfKv0KpZ2cZTDsSwD85mRj9/s1600/39.gif" />');
theText = theText.replace(/:8\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBAa3vfRp_y53A3End8SwQ7b6yY4H5XepJMqy45GfiV1p-wpJc-Ho-GHE3w1wXBqaWXk5vts28fF3igA-yKLgTuLwPEADQEv4OA8YC0fEPyiLTBfqFcz5VSBSEcqytitbB0vepVlDqGEzO/s1600/106.gif" />');
theText = theText.replace(/:9\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Z1NQH-DrnAv4UYRMrd8DvOjBiAWHOQNfHbVw-nhgmxuMbbdFsP1IJATZsbVPA0vLISTAKvPyBVh8P2WpzppUBGIIb_aK-35siLf8D54zMk3nJYXnwxWvhB9_PbBrugqWztfpHP-nNLyL/s1600/43.gif" />');
theText = theText.replace(/:A\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7dafYwZNRGL3FXBvKWtAgvxYYD_kbDLxpYHs5ddzAsKZaYOz6NXbbTwH8nZBgrjbSyEJHeinNMbrsEVjHK733yjSfoCvuUhziE1le7KtvVqZ_43dM9gFvj-wcBbqTIj_f1SzlP4O8yZGM/s1600/111.gif" />');
theText = theText.replace(/:B\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCh0v-gE6DA4oeDk5UZNXNq2RqkmUsIxyC7oAPFpQbZhCiVtYEXJ_f9r9M-OwEspAuthc9oe1rbZw1IvHXlAy9vtRmKL6KBJMIxhJatceQcEMkOqEoafO2jY0E4qnYTo3zU_W6Xqa33pQj/s1600/48.gif" />');
theText = theText.replace(/:C\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIpQ7aMfT-uHTY-oiY_sLqu509SbfvlqwhEh1zOEP1m2W8Tz5rvYgAWlzVgF-j774ivB-hRauUAHH7e0BoQm4GdMXXV2JHeIQcnnCdbvOXNieRodPz6hR0FHLos01DBSgyOwhksp4AiTgu/s1600/54.gif" />');
theText = theText.replace(/:D\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT4tlNsGbJP9m7eOPMXGmlM841KM2bmTFG8UkhAJHXqgInmE3dsg21cJnFtLwl0V8-WRT-CK47oPH5XpXF3u3KD4M3_IT3TLiHOtk03aHUfjeph0coKEioO8LyUr8Rr3FXry8bUc4Xzbw5/s1600/63.gif" />');
theText = theText.replace(/:E\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_y4BGb9rFHz2Kpuo6eKWCcQI-uR7fdPRqxlDp068w7UNKvzCyIOV771bZkuF5hzdj08Q7tWJyYy7nI_y6T0tWDmMUeolrcQL4-wtYbgThhsHGaLEKYuSpkMYRdHgU3AyEsLbkn-NYHGi0/s1600/100.gif" />');
theText = theText.replace(/:F\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1q1C4LvXqwsU-W0cpRkPfrm0wgYWCdFAOr95XBMKwa1jq2vjQuk4rapH5ZOgWQkWfYQ0UTbp6RLY7CVN0rRd06oaKP0TFsE5S32krNqCwKGIKXKtbdeGY5BnntnnE3scNr8Y5oEdFtX6y/s1600/45.gif" />');
theText = theText.replace(/:G\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQc-KMkuCcFfhrbfMuJ05UkVk850W3mS0FlX2vj04jsgu4HXv0ShBjmYU5BCfEx84WxGiL2c7KbQ1VD97JAdI_-0p3XQ8KdL8Nm15r7UMzgn4NSI4rVw5D-4sR87Sjuo7eeceOVZjdZTUA/s1600/77.gif" />');
theText = theText.replace(/:H\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRfnU2kz6htsFS-B9hJW28yQiIzZDFX_fizsEbpgvCC78aPJrAJznKXA5G52lWvEf58dW_wVjlBRNaYTOvd1WcySciyJQ5SQ-nXLgj1G_NF6rdsq9rOMxbYQTSa9qwm-c7_ts3Y4PU3IqU/s1600/86.gif" />');
theText = theText.replace(/:I\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWw9lL_iDt2rGAsfb5-XupMVc33ftJM8NmmDi8N5igzFR66X7deYhfaf78JKGp-hPFV2RlyXJ4o2LLW8TpQlVgv4pnnvPpwuXMwqevjRsqPnzmujwWzZRnZ83snG3rTIdnLf-Fggh_czPE/s1600/94.gif" />');
theText = theText.replace(/:J\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNxUWN938AjeQD51EiPlAj4uP-PEAYc9IelRzJ1u96XZ9dobZqGv1776bpq0RBXfTkNXD-mMXqk34JNwr-meBmtB4twHwmsybjbrxW3gWEmVzHXSUtLaB5jklQvkaAjCVixBFG6DKogKIe/s1600/83.gif" />');
theText = theText.replace(/:K\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixWbgYo7DfntuvtnL02ocYPvmH5qHpXM_YF9OB0FQI7vku27j7yTm2Q8rJblsgW4o-7zA5zWtLP4IC1pFw8QjHIefu3KBrS4FpjLiOV9rbr8iCSaGnlp_lJkx3ewegbnev-u3DqewbWDe2/s1600/59.gif" />');
theText = theText.replace(/:L\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXHWVJ5ISwaUy_XCXNKc8_0RVYc26bO5JAQJUQ7vANw6z8uhHvuSEslXAFsiowWtjBzWyZt6ekHY4scP_fjB4KfY8Zs3Y_b26FeE209lewz_PlOumbeul7QLd7plyG7LwFun17NdpeBTVo/s1600/soldierbaby.gif" />');
theText = theText.replace(/:M\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA57pYZMaPjqff7Jeu2bZ2DNTYatgk3p6K2qetQsDmidx6Z8gTVEJTiM8GPaVD8eYapZwe_NSlinGa5JiFxP42lx949wV7ihzEKuTEKczfIh7kFsQw50fudTQrMo1y1_p_JQpVduCmk8We/s1600/alo.gif" />');
theText = theText.replace(/:N\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUs0cSg3CnJwYRg3DUksdAhkm2FIUlS0AUugpZByio0j5J8Nv7xiH8qgXqraxeXXLM76JX72VnFm36wzajjLxdw446D9P6EAwcLMXjE2uG6-u64_tR3xnL8R_2_hAzj_4A-rJlikA_aZ2b/s1600/shutup.gif" />');
theText = theText.replace(/:O\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj62LKQ1oFUrH3SffdBlnRGi-9zW8vTZZhj3RYWBuvbDz_Qcev94sjO8wOp2jqq9kJzqtvpa2YzKGzHkqhdpOhRLMu91FARmbLKewl4ERRZbJUOrpyX_-y5QqIMF01lJgYDRWsltD3tOAFp/s1600/yeulam.gif" />');
theText = theText.replace(/:P\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMDiIM6Rt1dT5-xS17sIU_7Az8VyUQPUgO_jrZyzG6EX18fCPlpJE9NKT4uIz70PlN6eiBoUVsbnZUx_qtSCzO-uQEgz7a_uGWqw-Zse4GeO5OY7aXqdSwc0JZWw_upggMf8dprONqqVn9/s1600/datbomb.gif" />');

bodyText.innerHTML = theText;}
//]]>
</script>
<script type='text/javascript'>
emoticonBloggerHuynhNhatHa();
</script>
</b:if>
Cần chú ý để 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 …
Bước 2. Tìm đến đoạn code như bên dưới. Đoạn code này biểu thị phần khung viết nhận xét.
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
Đặt trước đoạn code trên bằng đoạn code bên dưới:
<script type='text/javascript'>
//<![CDATA[
// Script to insert Emoticons and Links on Blogspot Comments V1 by www.thuthuatblogger.info
function comments_URL() {
var r = prompt("Nhập địa chỉ trang", "http://");
var p = prompt("Nhập link text hiển thị", "Text");
if(r != "") ; if(p != ""){
document.getElementById('comments_input').value += "<a href='" + r + "' rel='nofollow'>" + p + "<\/a>";
} else {
alert("Bạn đã nhập xong dữ liệu");
}
}
function comments_HTML() {
document.getElementById('comments_input').value += '<a href=\'http://URL dẫn đến link \'>Trang<\/a>';
}
function comments_B() {
document.getElementById('comments_input').value += '<b><\/b>';
}
function comments_I() {
document.getElementById('comments_input').value += '<i><\/i>';
}
function comments_EM() {
document.getElementById('comments_input').value += '<em><\/em>';
}
function moreSmilies() {
document.getElementById('smiley-more').style.display = 'inline';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">&laquo;&nbsp;Less</a></span>';
}
function lessSmilies() {
document.getElementById('smiley-more').style.display = 'none';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">More&nbsp;&raquo;</a>';
}
//]]>
</script>
<style>
#comments_insert {padding:0;margin:0;width:600px;float:left;text-align: center}
#comments_insert img {padding:0;border:none;margin:2px}
.text_style_wrap {margin-top:10px;}
.text_style {border:1px solid #069;padding:3px;background: #d8eaee}
#comments_insert a {text-decoration:none}
#comments_HTML {display: none}
#comments_input {margin-top:10px}
.tooltip{outline:none;cursor:help;text-decoration:none;position:relative}
.tooltip span{margin-left:-999em;position:absolute}
.tooltip:hover span{border-radius:5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:5px 5px 5px rgba(0,0,0,0.1);-webkit-box-shadow:5px 5px rgba(0,0,0,0.1);-moz-box-shadow:5px 5px rgba(0,0,0,0.1);font-family:Calibri,Tahoma,Geneva,sans-serif;position:absolute;left:1em;top:2em;z-index:99;margin-left:0;width:300px}
.tooltip:hover img{border:0;margin:-10px 0 0 -55px;float:left;position:absolute}
.tooltip:hover em{font-family:Candara,Tahoma,Geneva,sans-serif;font-size:1.2em;font-weight:bold;display:block;padding:0.2em 0 0.6em 0}
.help{padding: 0.8em 1em; background: #FFCCAA; border: 1px solid #FF3334;text-align:justify;color:#000}
</style>
<!--[if IE]> <style> #comments_URL {display: none} #comments_HTML {display:inline} </style> <![endif]-->

<div id='comments_insert'>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:1) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi92PmwI7La61PsjZUbWU8sFVqmKQbI1f6FhVvoTWR5HWCgGszTBz2vc7Ww1UP70RDSSrclw59kEFEVT67OPi21eSIXmYQMW01za4fXKQ2uCQt44CC1o04wFrRfujg01j4jP_eg7SdUBnlz/s1600/49.gif' style='border: 0; padding:0' title='hê hê hê'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:2) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8i3c9R0xrbb_6QnM9JpvzM-5JSSslR7jV6jUBBn6KdBw1YU2GhdBY75jQaNR39Dk8EKXqP3d-ZtcpQo6SB0DcSzQqHDGgvPzUg3HIUNq2lOZeXCSAizFoBRjAZaItUtY4GuYmnJTRKc58/s1600/102.gif' style='border: 0; padding:0' title='hôn hôn'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:3) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK_paAJ5avpVjBguyuxv0378U8x9Rp5NX3uh4ONSrzHWmUIceAbpi5aV0r1ZIdJshjJ6nx7O1TZTZQBwEBJBfLx6cXqQXnNaDpiIZxlgKtCjtVmYAxrtlsDbHJIDhDEHK7KuUCaU5loMiT/s1600/113.gif' style='border: 0; padding:0' title='ua ua ua'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:4) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIxJfqy95yGB5l8UKdK7E4riJxmwYt9JrpNeoTlZCsXLR8JDgT5u49D3n1DuShH34pVniF5iT73hRR2FUM7yayzH3RUxEdy9bJDoRMaroY7SLtskFi8y0TLG3qp-4o47dKYYHn-DNXaQzB/s1600/93.gif' style='border: 0; padding:0' title='nhìn nè'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:5) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEZxnLLcGYb-aFpkBfGMh4L7K0brIVcvvpDvBaR6TWn-Er8rTGy26xiiSHVmnvnBCCH5dS7xu_x700u7a8a9_Y6fOZWZoUxwyjZaNb4uMf__hoT4yEmG7M2fJeg0hGk8KoWga5qe0JMGC/s1600/61.gif' style='border: 0; padding:0' title='vỗ tay'/></a>
<span id='smiley-more' style='display: none;'>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:6) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyBdDq5npgOIvBdY0BtLJfpYfoChu2u0g5FhSobIJwyrQ3iApln5KTH6ANTcsQGhpgicZOL1EuftC00ILTVgi7xtHtD0wB5Loaj39zjEBD5NOWOjxsWSf1W5FZhMceseiWCBQNfL6Ilb_d/s1600/134.gif' style='border: 0; padding:0' title='tát bớp'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:7) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgTnAlnbaZZq1NOXQaZ4pGO9GIs65tpLGBG1HU0tCozZiqwSn0G2iSuJvtlR3YvbktY5O-UW0Y-uXWvSX3l-HNWjku-6TTepDQDXeXaQstvQZvW9G49qVV1HfKv0KpZ2cZTDsSwD85mRj9/s1600/39.gif' style='border: 0; padding:0' title='rơi lệ'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:8) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBAa3vfRp_y53A3End8SwQ7b6yY4H5XepJMqy45GfiV1p-wpJc-Ho-GHE3w1wXBqaWXk5vts28fF3igA-yKLgTuLwPEADQEv4OA8YC0fEPyiLTBfqFcz5VSBSEcqytitbB0vepVlDqGEzO/s1600/106.gif' style='border: 0; padding:0' title='money money'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:9) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Z1NQH-DrnAv4UYRMrd8DvOjBiAWHOQNfHbVw-nhgmxuMbbdFsP1IJATZsbVPA0vLISTAKvPyBVh8P2WpzppUBGIIb_aK-35siLf8D54zMk3nJYXnwxWvhB9_PbBrugqWztfpHP-nNLyL/s1600/43.gif' style='border: 0; padding:0' title='lêu lêu'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:A) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7dafYwZNRGL3FXBvKWtAgvxYYD_kbDLxpYHs5ddzAsKZaYOz6NXbbTwH8nZBgrjbSyEJHeinNMbrsEVjHK733yjSfoCvuUhziE1le7KtvVqZ_43dM9gFvj-wcBbqTIj_f1SzlP4O8yZGM/s1600/111.gif' style='border: 0; padding:0' title='lắc đầu'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:B) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCh0v-gE6DA4oeDk5UZNXNq2RqkmUsIxyC7oAPFpQbZhCiVtYEXJ_f9r9M-OwEspAuthc9oe1rbZw1IvHXlAy9vtRmKL6KBJMIxhJatceQcEMkOqEoafO2jY0E4qnYTo3zU_W6Xqa33pQj/s1600/48.gif' style='border: 0; padding:0' title='khóc ròng'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:C) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIpQ7aMfT-uHTY-oiY_sLqu509SbfvlqwhEh1zOEP1m2W8Tz5rvYgAWlzVgF-j774ivB-hRauUAHH7e0BoQm4GdMXXV2JHeIQcnnCdbvOXNieRodPz6hR0FHLos01DBSgyOwhksp4AiTgu/s1600/54.gif' style='border: 0; padding:0' title='I don’t know'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:D) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT4tlNsGbJP9m7eOPMXGmlM841KM2bmTFG8UkhAJHXqgInmE3dsg21cJnFtLwl0V8-WRT-CK47oPH5XpXF3u3KD4M3_IT3TLiHOtk03aHUfjeph0coKEioO8LyUr8Rr3FXry8bUc4Xzbw5/s1600/63.gif' style='border: 0; padding:0' title='hi hi hi'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:E) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_y4BGb9rFHz2Kpuo6eKWCcQI-uR7fdPRqxlDp068w7UNKvzCyIOV771bZkuF5hzdj08Q7tWJyYy7nI_y6T0tWDmMUeolrcQL4-wtYbgThhsHGaLEKYuSpkMYRdHgU3AyEsLbkn-NYHGi0/s1600/100.gif' style='border: 0; padding:0' title='đá một phát'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:F) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1q1C4LvXqwsU-W0cpRkPfrm0wgYWCdFAOr95XBMKwa1jq2vjQuk4rapH5ZOgWQkWfYQ0UTbp6RLY7CVN0rRd06oaKP0TFsE5S32krNqCwKGIKXKtbdeGY5BnntnnE3scNr8Y5oEdFtX6y/s1600/45.gif' style='border: 0; padding:0' title='cười lớn giơ răng'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:G) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQc-KMkuCcFfhrbfMuJ05UkVk850W3mS0FlX2vj04jsgu4HXv0ShBjmYU5BCfEx84WxGiL2c7KbQ1VD97JAdI_-0p3XQ8KdL8Nm15r7UMzgn4NSI4rVw5D-4sR87Sjuo7eeceOVZjdZTUA/s1600/77.gif' style='border: 0; padding:0' title='cụng ly'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:H) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRfnU2kz6htsFS-B9hJW28yQiIzZDFX_fizsEbpgvCC78aPJrAJznKXA5G52lWvEf58dW_wVjlBRNaYTOvd1WcySciyJQ5SQ-nXLgj1G_NF6rdsq9rOMxbYQTSa9qwm-c7_ts3Y4PU3IqU/s1600/86.gif' style='border: 0; padding:0' title='chém gió'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:I) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWw9lL_iDt2rGAsfb5-XupMVc33ftJM8NmmDi8N5igzFR66X7deYhfaf78JKGp-hPFV2RlyXJ4o2LLW8TpQlVgv4pnnvPpwuXMwqevjRsqPnzmujwWzZRnZ83snG3rTIdnLf-Fggh_czPE/s1600/94.gif' style='border: 0; padding:0' title='bắt tay'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:J) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNxUWN938AjeQD51EiPlAj4uP-PEAYc9IelRzJ1u96XZ9dobZqGv1776bpq0RBXfTkNXD-mMXqk34JNwr-meBmtB4twHwmsybjbrxW3gWEmVzHXSUtLaB5jklQvkaAjCVixBFG6DKogKIe/s1600/83.gif' style='border: 0; padding:0' title='ăn ăn ăn'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:K) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixWbgYo7DfntuvtnL02ocYPvmH5qHpXM_YF9OB0FQI7vku27j7yTm2Q8rJblsgW4o-7zA5zWtLP4IC1pFw8QjHIefu3KBrS4FpjLiOV9rbr8iCSaGnlp_lJkx3ewegbnev-u3DqewbWDe2/s1600/59.gif' style='border: 0; padding:0' title='byyeee'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:L) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXHWVJ5ISwaUy_XCXNKc8_0RVYc26bO5JAQJUQ7vANw6z8uhHvuSEslXAFsiowWtjBzWyZt6ekHY4scP_fjB4KfY8Zs3Y_b26FeE209lewz_PlOumbeul7QLd7plyG7LwFun17NdpeBTVo/s1600/soldierbaby.gif' style='border: 0; padding:0' title='nhóc lính'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:M) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA57pYZMaPjqff7Jeu2bZ2DNTYatgk3p6K2qetQsDmidx6Z8gTVEJTiM8GPaVD8eYapZwe_NSlinGa5JiFxP42lx949wV7ihzEKuTEKczfIh7kFsQw50fudTQrMo1y1_p_JQpVduCmk8We/s1600/alo.gif' style='border: 0; padding:0' title='Alo'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:N) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUs0cSg3CnJwYRg3DUksdAhkm2FIUlS0AUugpZByio0j5J8Nv7xiH8qgXqraxeXXLM76JX72VnFm36wzajjLxdw446D9P6EAwcLMXjE2uG6-u64_tR3xnL8R_2_hAzj_4A-rJlikA_aZ2b/s1600/shutup.gif' style='border: 0; padding:0' title='Shup up'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:O) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj62LKQ1oFUrH3SffdBlnRGi-9zW8vTZZhj3RYWBuvbDz_Qcev94sjO8wOp2jqq9kJzqtvpa2YzKGzHkqhdpOhRLMu91FARmbLKewl4ERRZbJUOrpyX_-y5QqIMF01lJgYDRWsltD3tOAFp/s1600/yeulam.gif' style='border: 0; padding:0' title='Yêu lắm đó'/></a>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).value += &quot;:P) &quot;;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMDiIM6Rt1dT5-xS17sIU_7Az8VyUQPUgO_jrZyzG6EX18fCPlpJE9NKT4uIz70PlN6eiBoUVsbnZUx_qtSCzO-uQEgz7a_uGWqw-Zse4GeO5OY7aXqdSwc0JZWw_upggMf8dprONqqVn9/s1600/datbomb.gif' style='border: 0; padding:0' title='Đặt bom'/></a>
</span>
<span id='smiley-toggle'><a href='javascript:moreSmilies()'>
More &#8594;</a></span>

<div class='text_style_wrap'>
<a href='javascript: void(0);' onClick='comments_B()'><span class='text_style'><b>Chữ đậm</b></span></a>
<a href='javascript: void(0);' onClick='comments_I()'><span class='text_style'><i>Chữ nghiêng</i></span></a>
<a href='javascript: void(0);' onClick='comments_EM()'><span class='text_style'><em>Chữ nghiêng 2</em></span></a>
<a href='javascript: void(0);' id='comments_HTML' onClick='comments_HTML()'><span class='text_style'>Chèn Link</span></a>
<a href='javascript: void(0);' id='comments_URL' onClick='comments_URL()'><span class='text_style'>Chèn Link</span></a>
<script type='text/javascript'>
function openup_parseHTML() { window.open(&quot;http://ha-escapexml.blogspot.com&quot;, &quot;followblog&quot;, &quot;height=540, width=450, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no&quot; ); }
</script>
<a href='javascript:openup_parseHTML()' rel='nofollow' title='Mã hóa code trước khi đưa vào bình luận'><span class='text_style'>Mã hóa code</span></a>
<a class='tooltip' href='javascript: void(0);'><b style='color:#F00'>Help ?</b><span class='help'>Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.</span></a>
</div>
<form name='comments_form'>
<textarea cols='70' id='comments_input' rows='1' style='background: #F8F8FF;margin-bottom:7px'/>
<br/>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).select();'><span class='text_style'>Chọn</span></a>
<a href='javascript: void(0);' onClick='document.comments_form.reset();'><span class='text_style'>Xóa</span></a>
</form>
</div>
Lưu Template. Trên đây mình gắn sẳn 25 biểu tượng cảm xúc, nếu các bạn muốn thêm thì có thể tự nghiên cứu để gắn thêm vào, đảm bảo sự đồng nhất biểu tượng theo thứ tự ở Bước 1 và Bước 2. Những phần được đánh dấu màu đỏ là những phần bạn có thể tùy biến theo ý thích của mình.
Một số hình cho bạn chọn:
Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay Bạn nhập từ: hihihi Bạn nhập từ: antap Bạn nhập từ: chemgio Bạn nhập từ: nhinne Bạn nhập từ: battay Bạn nhập từ: dda Bạn nhập từ: moneymoney Bạn nhập từ: moison Bạn nhập từ: lacdau Bạn nhập từ: uauaua Bạn nhập từ: tatbop Bạn nhập từ: aloalo Bạn nhập từ: chuichui Bạn nhập từ: dotlua Bạn nhập từ: loveyou Bạn nhập từ: dmohoi Bạn nhập từ: danhrang Bạn nhập từ: bichoang Bạn nhập từ: cdv Bạn nhập từ: cunghi Bạn nhập từ: anhtrang Bạn nhập từ: nuocmui Bạn nhập từ: vuivewa Bạn nhập từ: liem Bạn nhập từ: suytu Bạn nhập từ: chaomay Bạn nhập từ: hongthem Bạn nhập từ: yeahyou Bạn nhập từ: votulu Bạn nhập từ: muonchetah Bạn nhập từ: huhune Bạn nhập từ: bucroinhe Bạn nhập từ: honcaine Bạn nhập từ: chucmungnammoi Bạn nhập từ: chaoban Bạn nhập từ: toiuocgi Bạn nhập từ: yessirl Bạn nhập từ: khocwatroi Bạn nhập từ: tambiet Bạn nhập từ: huhuhu Bạn nhập từ: dabong Bạn nhập từ: dungdung Bạn nhập từ: lonmeo Bạn nhập từ: hutthuoc Bạn nhập từ: lovelovelove Bạn nhập từ: tungkinh Bạn nhập từ: happy-new-year Bạn nhập từ: kemne 
Chúc thành công!
Theo: Thuthuatblog.

Không có nhận xét nào:

Đăng nhận xét