Bầu trời của tôi

<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Để tránh đơn điệu cho blogger. Hôm nay mình giới thiệu một mẫu mặt cười (Emoticons) dạng hover tooltips. cho nhận xét Với kiểu Emoticons này sẽ hiện ra một khung tooltips hover danh sách các mặt cười cho độc giả sử dụng khi comment. Giúp blog của bạn gọn hơn. Mẫu hiển thị tốt với các mẫu comment cũ và trên các trình duyệt như IE, Firefoc, Chroome, opera,safari,... Thủ thuật có thể áp dụng trên các mẫu blog cũ và các mẫu thread comment của blogger (rất đa dạng phải không).</span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Các bạn hãy xem blog demo hoặc ảnh minh họa bên dưới để thấy rõ hơn.</span></div>
<span style="background-color: white;"><br style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;" /><a class="button big" href="http://demo-namkna-blog.blogspot.com/2013/03/demo-add-emoticons-tooltips-for.html" rel="nofollow" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; cursor: pointer; font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;">XEM</span><span style="color: white;"> DEMO</span></a><br style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;" /></span><br />
<div class="separator" style="clear: both; font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-ut-i3WNpCaVjPqEkU9e7C4XMn3uYzPWnbG0F62KiYm8BXl0vYuR26w4_lGvM18XUzxKZFhGXUxUV1-0hMFTDHIP1ru6ARZE6kmmvuiAzZiXxVYhOi86zqbUZ07mVd9JNFP4HG5H1sDI/s1600/Add+Emoticons+effect+tooltip+blogspot.gif" imageanchor="1" style="background-color: white; color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="CHèn mặt cười với hiệu ứng tooltip cho blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-ut-i3WNpCaVjPqEkU9e7C4XMn3uYzPWnbG0F62KiYm8BXl0vYuR26w4_lGvM18XUzxKZFhGXUxUV1-0hMFTDHIP1ru6ARZE6kmmvuiAzZiXxVYhOi86zqbUZ07mVd9JNFP4HG5H1sDI/s1600/Add+Emoticons+effect+tooltip+blogspot.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="CHèn mặt cười với hiệu ứng tooltip cho blogspot" /></a></div>
<span style="background-color: white;"><a href="https://www.blogger.com/null" name="more" style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"></a><br style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;" /></span>
<h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.600000381469727px; margin: 0px; padding: 3px; text-align: justify;">
<span style="background-color: white;">» Bắt đầu thủ thuật</span></h3>
<span style="background-color: white;"><b style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">1. Đăng nhập </b><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">vào tài khoản Blogger</span><br style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;" /><b style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">2. </b><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">Vào phần </span><b style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">Mẫu </b><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">(Template)</span><br style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;" /><b style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">3. </b><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">Chọn </span><b style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">Chỉnh sửa HTML</b><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"> => Chọn </span><b style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">Mở rộng tiện ích mẫu</b><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">.</span><br style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;" /><b style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">4. </b><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">Chèn đoạn mã dưới đây trước thẻ </span><b style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"></body></b><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"> : </span></span><br />
<pre style="border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.600000381469727px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="background-color: white;"><script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
<b>bodyText = document.getElementById("comment-holder");</b>
theText = bodyText.innerHTML;
theText = theText.replace(/=\)\)/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHRCPL5dgYPd1um4MA7dmyCTjbGX74Zenerg4kyrvhEE2iOynQUkOs3JGfk11Wtgf2Xrr1dzzDRDOOde4-AZ_3myE23pBynDSs0oPCHTItiaymaADOVjPywFzgZk3aAInwLMCTGSj_jdo/</b>'/>");
theText = theText.replace(/:\)\)/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEYx4foMj0CFf_BAunOhqJ6-VQQ1TidhxZyvflPmejOY0tzpHFBafTgwq-b4lyaIzfK3AEswPOkRXEwpnatwEvACV9yEDL_G0nXjAltjh54EU4dLycantXWZTcd_vgRhuDCuAps8HsJm0/</b>'/>");
theText = theText.replace(/X-\(/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieNCo9l5gQtihdTJQeoufgOoH6J2nLrfKecYsiIyWPB4-tVCneR3eR-mkHTA2J9S23i1Tp1rR4brylkCULKMfqNQAIlKT6ftRT8JZJ9LoXHhtErJG-CGWhpuorShHKGX9MaOALYtoxegg/</b>'/>");
theText = theText.replace(/:$\(/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-dw-iN39Y6lFohezeRhFKLPCSxqC2T4cUfZue9TVXvJHm7vRE72VNNwm2L8lUIbf60e2XK2yIZN-MWQ_OEcSLok_3nKrj5ZhgjBsp8Rdybo91e7vps5KdZUN4SWAuZpl42aetOstr9dw/</b>'/>");
theText = theText.replace(/b-\(/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVxCkIf7rbKdv26oiOBuJLhkXDaNSk2c4GfEUcurXSBRXeaHZKltr9Nuq4P3N6VWfoU1wHmsQXB1A5NcETAAVn6hjLxUOIEdOMyEJMxh-_MNpqIayIys9XCtpRgjZvf3dBuVMop9kvYv8/</b>'/>");
theText = theText.replace(/=d&gt;/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFPFPtE0R5llAlxHfaKatGCJcth2k7MCpKhG77cJPEEja_sXIZ-apnhFN6L0gx4XhARsW9dMZSatc-fJscbB_KlF6pCGnWl_x_mC4i3bGou08Nid_DiuO91n0Sz2eLaR2BxO5qKu4KTMQ/</b>'/>");
theText = theText.replace(/b-$/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWyWMZVGxK1MRdOPtcSLjTXKckByUIiMMV7-yhgNKr4N51Sc4GV4eBGoE4sA0FQgIHrS0d-vTU8hiq6LNVfgO6Clqnd6fIJGcb6EmzRCujpVpxk6FO8YM1XlcJf1SdlZcCIF0D5m0UAhc/</b>'/>");
theText = theText.replace(/:D/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMCWZCUtmsGK0RQak0EHRlb1a7P5DT1Qm3f_fjkpPyD9Lok0QEj4KGfIjHQc7WxrZ_aVy6jlJKKh1UibnxVyJtRZRLzCIMj7_Fn5-ccA-xytIlxsFDCWyVe0lIDaniLVNkbEUUyntvzR8/</b>'/>");
theText = theText.replace(/:-\?/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQZmxYwF4AxPs04gjKxGFXHGhV9zNc1d6fBJxTdCxoqb6Cgk-Ie1FQqDMfDZggLtAPj9n12-uaK7BUtUX85BXUnshq1z-l0O5dMVrAdYMqL9ovUbfkYvZNJSgxTB2H84yHlFVdksrTyaE/</b>'/>");
theText = theText.replace(/:-&gt;/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhboTsMikWi4uSajxSglH1YaFU6LlEEkq8ymcA2nUK0Tkr4ok-SlivbEbINcm-xxytnPL8AhN448hS0ztLSodI1Mx-LZQ9fEVEs39VESuR7kfGwENyj28gUmSpLO0uf_rOnzDfk8QchyS0/</b>'/>");
theText = theText.replace(/:-o/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbL-mRGP7jsKzuIjdpMa4oGse9JR21U89I_7UJ-9a2XUNSXW9Yz94-fU727h8Lcm-Y-hjQE_-MtSpvweSI1xNRpGibifQ8dJuvpAZbutypRSJwmPYxXYt4pVniRlW_3dYcPlXFDBgYOc8/</b>'/>");
theText = theText.replace(/:\)/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtmZ-gtmenu_0QXSM7vdQZSg1sm4pJqLXF0T4YwGCYTsd5FSGIm35KO4WgJRWky7-lf7vTmDFqvhyasrx_dm1ibsXW_RsSjNH0QdpQHLlHGss8_oaXMHD6VU-zXyWaZALWuvY0RkyxWc/</b>'/>");
theText = theText.replace(/\[-$/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mk9ATqsqWFc1No57qtB4SYH4Qq2EkZwcYHlKrp7FbK6ew0BRlIiw3vzrAa_MTA4XiVks8p6bJgCVpZIaOV6ff4BZvel-AOzzk72Oew3bJE35ekuKRKKYdUGw0aOHx-HoUrIawvixeRU/</b>'/>");
theText = theText.replace(/@-$/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinADtNjJ60MunduEi6JRWSH5Oa6SSCG78862F28d6aIC0rhpsPswWpdsNhwlVdeBWhp44hl97cmK7SAmSsUHozr-FSICSMNYWSnphQp5ln3OxDbSdbLUeVDGdeDYOsYcE3_KSiXBsGhHI/</b>'/>");
theText = theText.replace(/:-s/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw_045d1zetXW1QWG7L85qDGYJ1PkXyM_VCr0SmYX6z0F8fQSGJCsag-U-87P7Z0c3pYIusCKzPU8kQVMSgF42tINjOFAYPfVZs-o5x6Oa2Bu6b4pHrP4jd8YJMWlEbGpb8nnqeX-eA0s/</b>'/>");
theText = theText.replace(/:\(/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKWeU-4TqXLXvMW36ICKGnY6KIp2-cqcpTxUZQ5FnDUd6iPNd94i-k_Gir1QhLb-4MQtGdCouii8KTZZ82n8lci47narqkne_kdIF4xh3anggVw92M3JPktI0f1gPWhJuGb2iT_s6-b7U/</b>'/>");
theText = theText.replace(/:p/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAv7WB_klq7ZyZDSNQpQ-d-CkuGzRCCAnHybIQf7FsHR79kNffdlHZdSmqDDXRtzWxRNyuJlk8oFlnKF2-HmRPO3nDPu1tha9TIFFUbHzcJjM4Dtt4ZL79EOTdq06en7gkUE3nIyU6vqc/</b>'/>");
theText = theText.replace(/:\*/gi, "<img src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NxKHGmNOg5TVA0lTlrxa6CPSeNuv8qsCmB2KWUQn4ftlItOgwFC1d83ruPMMUhi188hwlP5LYS6sGbwK8jytPPtFjLunJoDXgF2BttRu7vShFybVRWH6hRpAYvpXYzP2fs9pgISC10I/</b>'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script></span></pre>
<span style="background-color: white;"><b style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">-Lưu ý:</b><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"> Với những ai sử dụng mẫu comment cũ thì thay dòng</span></span><br />
<pre style="border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.600000381469727px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="background-color: white;">bodyText = document.getElementById("comment-holder");</span></pre>
<span style="background-color: white;"><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">Thành:</span></span><br />
<pre style="border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.600000381469727px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="background-color: white;">bodyText = document.getElementById("comment-holder");</span></pre>
<span style="background-color: white;"><b style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">5- </b><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">Tìm đoạn code sau:</span></span><br />
<pre style="border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.600000381469727px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="background-color: white;"><b:loop values='data:post.comments' var='comment'></span></pre>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">- Thêm thẻ bên dưới vào trước đoạn  code vừa tìm được.</span></div>
<pre style="border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.600000381469727px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="background-color: white;"><div id='emocomments'></span></pre>
<span style="background-color: white;"><b style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">6-</b><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">Tìm thẻ đóng tương ứng với thẻ trên</span><br style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;" /></span><br />
<pre style="border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.600000381469727px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="background-color: white;"></b:loop>
</span></pre>
<div style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.600000381469727px;">
<span style="background-color: white; font-size: xx-small;">- Và thêm sau nó thẻ</span></div>
<pre style="border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.600000381469727px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="background-color: white;"></div>
</span></pre>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;"><b>7- </b>Bước này là hiển thị những ký tự tắt và emoticons tương ứng với nó cho người đọc có thể biết được để chèn vào khung Nhận xét.</span><div>
<span style="background-color: white;">-</span></div>
</div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;"><b>7.1</b>- Tìm đến thẻ</span></div>
<pre style="border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.600000381469727px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="background-color: white;"><data:blogTeamBlogMessage/></span></pre>
<span style="background-color: white;"><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">- Và chèn đoạn mã dưới đây vào sau nó:</span></span><br />
<pre style="border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.600000381469727px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="background-color: white;"><h5 class='the-tooltip top left emo'>
Chèn Emoticons
<div class='comment_emo_list'>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEYx4foMj0CFf_BAunOhqJ6-VQQ1TidhxZyvflPmejOY0tzpHFBafTgwq-b4lyaIzfK3AEswPOkRXEwpnatwEvACV9yEDL_G0nXjAltjh54EU4dLycantXWZTcd_vgRhuDCuAps8HsJm0/</b>'/><span> :))</span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-dw-iN39Y6lFohezeRhFKLPCSxqC2T4cUfZue9TVXvJHm7vRE72VNNwm2L8lUIbf60e2XK2yIZN-MWQ_OEcSLok_3nKrj5ZhgjBsp8Rdybo91e7vps5KdZUN4SWAuZpl42aetOstr9dw/</b>'/><span> :((</span> </div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMCWZCUtmsGK0RQak0EHRlb1a7P5DT1Qm3f_fjkpPyD9Lok0QEj4KGfIjHQc7WxrZ_aVy6jlJKKh1UibnxVyJtRZRLzCIMj7_Fn5-ccA-xytIlxsFDCWyVe0lIDaniLVNkbEUUyntvzR8/</b>'/><span> :D </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKWeU-4TqXLXvMW36ICKGnY6KIp2-cqcpTxUZQ5FnDUd6iPNd94i-k_Gir1QhLb-4MQtGdCouii8KTZZ82n8lci47narqkne_kdIF4xh3anggVw92M3JPktI0f1gPWhJuGb2iT_s6-b7U/</b>'/><span> :( </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHRCPL5dgYPd1um4MA7dmyCTjbGX74Zenerg4kyrvhEE2iOynQUkOs3JGfk11Wtgf2Xrr1dzzDRDOOde4-AZ_3myE23pBynDSs0oPCHTItiaymaADOVjPywFzgZk3aAInwLMCTGSj_jdo/</b>'/><span> =)) </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVxCkIf7rbKdv26oiOBuJLhkXDaNSk2c4GfEUcurXSBRXeaHZKltr9Nuq4P3N6VWfoU1wHmsQXB1A5NcETAAVn6hjLxUOIEdOMyEJMxh-_MNpqIayIys9XCtpRgjZvf3dBuVMop9kvYv8/</b>'/><span> b-( </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtmZ-gtmenu_0QXSM7vdQZSg1sm4pJqLXF0T4YwGCYTsd5FSGIm35KO4WgJRWky7-lf7vTmDFqvhyasrx_dm1ibsXW_RsSjNH0QdpQHLlHGss8_oaXMHD6VU-zXyWaZALWuvY0RkyxWc/</b>'/><span> :) </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAv7WB_klq7ZyZDSNQpQ-d-CkuGzRCCAnHybIQf7FsHR79kNffdlHZdSmqDDXRtzWxRNyuJlk8oFlnKF2-HmRPO3nDPu1tha9TIFFUbHzcJjM4Dtt4ZL79EOTdq06en7gkUE3nIyU6vqc/</b>'/><span> :P </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbL-mRGP7jsKzuIjdpMa4oGse9JR21U89I_7UJ-9a2XUNSXW9Yz94-fU727h8Lcm-Y-hjQE_-MtSpvweSI1xNRpGibifQ8dJuvpAZbutypRSJwmPYxXYt4pVniRlW_3dYcPlXFDBgYOc8/</b>'/><span> :-o </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NxKHGmNOg5TVA0lTlrxa6CPSeNuv8qsCmB2KWUQn4ftlItOgwFC1d83ruPMMUhi188hwlP5LYS6sGbwK8jytPPtFjLunJoDXgF2BttRu7vShFybVRWH6hRpAYvpXYzP2fs9pgISC10I/</b>'/><span> :* </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw_045d1zetXW1QWG7L85qDGYJ1PkXyM_VCr0SmYX6z0F8fQSGJCsag-U-87P7Z0c3pYIusCKzPU8kQVMSgF42tINjOFAYPfVZs-o5x6Oa2Bu6b4pHrP4jd8YJMWlEbGpb8nnqeX-eA0s/</b>'/><span> :-s </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mk9ATqsqWFc1No57qtB4SYH4Qq2EkZwcYHlKrp7FbK6ew0BRlIiw3vzrAa_MTA4XiVks8p6bJgCVpZIaOV6ff4BZvel-AOzzk72Oew3bJE35ekuKRKKYdUGw0aOHx-HoUrIawvixeRU/</b>'/><span> [-( </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinADtNjJ60MunduEi6JRWSH5Oa6SSCG78862F28d6aIC0rhpsPswWpdsNhwlVdeBWhp44hl97cmK7SAmSsUHozr-FSICSMNYWSnphQp5ln3OxDbSdbLUeVDGdeDYOsYcE3_KSiXBsGhHI/</b>'/><span> @-) </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFPFPtE0R5llAlxHfaKatGCJcth2k7MCpKhG77cJPEEja_sXIZ-apnhFN6L0gx4XhARsW9dMZSatc-fJscbB_KlF6pCGnWl_x_mC4i3bGou08Nid_DiuO91n0Sz2eLaR2BxO5qKu4KTMQ/</b>'/><span> =d&gt; </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWyWMZVGxK1MRdOPtcSLjTXKckByUIiMMV7-yhgNKr4N51Sc4GV4eBGoE4sA0FQgIHrS0d-vTU8hiq6LNVfgO6Clqnd6fIJGcb6EmzRCujpVpxk6FO8YM1XlcJf1SdlZcCIF0D5m0UAhc/</b>'/><span> b-) </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQZmxYwF4AxPs04gjKxGFXHGhV9zNc1d6fBJxTdCxoqb6Cgk-Ie1FQqDMfDZggLtAPj9n12-uaK7BUtUX85BXUnshq1z-l0O5dMVrAdYMqL9ovUbfkYvZNJSgxTB2H84yHlFVdksrTyaE/</b>'/><span> :-? </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhboTsMikWi4uSajxSglH1YaFU6LlEEkq8ymcA2nUK0Tkr4ok-SlivbEbINcm-xxytnPL8AhN448hS0ztLSodI1Mx-LZQ9fEVEs39VESuR7kfGwENyj28gUmSpLO0uf_rOnzDfk8QchyS0/</b>'/><span> :-&gt; </span></div>
<div class='item'><img class='comment_emo' src='<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieNCo9l5gQtihdTJQeoufgOoH6J2nLrfKecYsiIyWPB4-tVCneR3eR-mkHTA2J9S23i1Tp1rR4brylkCULKMfqNQAIlKT6ftRT8JZJ9LoXHhtErJG-CGWhpuorShHKGX9MaOALYtoxegg/</b>'/><span> X-( </span></div>
</div>
</h5></span></pre>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;"><b>7.2- </b>Thêm hiệu ứng toooltips để hover các mặt cười khi di chuột và chữ Chèn Emoticons bằng cách. Chèn  đoạn code bên dưới trước thẻ <b>]]></b:skin></b></span></div>
<pre style="border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.600000381469727px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><span style="background-color: white;">.the-tooltip {position: relative}
.the-tooltip :focus + :last-child, .the-tooltip:focus > :last-child, .the-tooltip:hover > :last-child {opacity: 1;-webkit-transition: 0.4s 0s;-moz-transition: 0.4s 0s;-ms-transition: 0.4s 0s;-o-transition: 0.4s 0s;transition: 0.4s 0s;visibility: visible}
.the-tooltip > :last-child {border: solid 1px;border-radius: 5px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;font-size: 17px;line-height: 1.5;opacity: 0;padding: 10px 20px;position: absolute;-webkit-transition: 0.2s 0s;-moz-transition: 0.2s 0s;-ms-transition: 0.2s 0s;-o-transition: 0.2s 0s;transition: 0.2s 0s;visibility: hidden;width: 250px;z-index: 999}
.the-tooltip.emo > :last-child{font-family: sans-serif;width:100%;margin-bottom:2px !important;padding:10px;background-color:#fff;border-color:#e3e3e3;color:#161d00;text-shadow:none}
.the-tooltip.emo > :last-child:after{border-color:#fff}
.the-tooltip.emo > :last-child:before{border-color:#d3d3d3}
.the-tooltip > :last-child * {max-width: 100%}
.the-tooltip > :last-child:after, .the-tooltip > :last-child:before {border: solid 11px;content: "";display: block;margin: 0 20px 0 20px;position: absolute}
.the-tooltip.left > :last-child{left:0}
.the-tooltip.left > :last-child:after,.the-tooltip.left > :last-child:before {left:10px}
.the-tooltip.right > :last-child {right:0}
.the-tooltip.right > :last-child:after, .the-tooltip.right > :last-child:before {right:0}
.the-tooltip.center > :last-child {left: -125px;margin-left: 50%;}
.the-tooltip.center > :last-child:after, .the-tooltip.center > :last-child:before {left: 50%;margin-left: -10px}
.the-tooltip.top > :last-child{bottom:100%;margin-bottom:15px}
.the-tooltip.top > :last-child:after {margin-top: -1px}
.the-tooltip.top > :last-child:after, .the-tooltip.top > :last-child:before {border-bottom-color: transparent !important;border-left-color: transparent !important;border-right-color: transparent !important;top: 100%}
.the-tooltip.top > :last-child:before {margin-top: 0px}
.the-tooltip.bottom > :last-child {margin-top: 15px;top: 100%;}
.the-tooltip.bottom > :last-child:after {margin-bottom: -1px;}
.the-tooltip.bottom > :last-child:after, .the-tooltip.bottom > :last-child:before {border-left-color: transparent !important;border-right-color: transparent !important;border-top-color: transparent !important;bottom: 100%;}
.the-tooltip.bottom > :last-child:before {margin-bottom: 0px;}
.the-tooltip.auto-width > :last-child {white-space: nowrap;width: auto}
.the-tooltip.full-width > :last-child {left: 0;margin-left: 0;width: 100%}
.comment_emo {max-width: 40px;max-height: 40px;vertical-align: middle}
.comment_emo_list .item{float:left;padding:0 10px 10px;text-align:center}
.comment_emo_list span{display:block;font-weight:bold;font-size:13px;letter-spacing:1px}</span></pre>
<span style="background-color: white;"><b style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">8- Lưu l</b><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">ại và xem kết quả nha:</span><br style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;" /></span><br />
<h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.600000381469727px; margin: 0px; padding: 3px; text-align: justify;">
<span style="background-color: white;">» Mở rộng:</span></h3>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Các bước trên là chèn 18 emoticons với ký tự tắt theo phong cách Yahoo. Bạn hoàn toàn có thể thêm emoticons mới nữa và tự đặt ký tự tắt theo ý mình bằng cách chỉnh sửa code javascript ở bước <b>1</b> và bước <b>7.1</b>.</span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;"><br /></span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Ký tự tắt nằm giữa 2 ký tự<b> /</b></span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Với ký tự đặc biệt như <b>[ ] { } \ / ( ) . ? + * ^ $</b> thì phải thêm<b> \</b> trước nó.</span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Với ký tự <b><</b> phải đổi thành <b>&lt;</b></span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Với ký tự <b>></b> phải đổi thành <b>&gt;</b></span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Với ký tự & phải đổi thành<b> &amp</b></span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Hình ảnh emoticons nằm trong thẻ img, thay đường dẫn đến ảnh tương ứng với ký tự tắt mà bạn đặt.</span></div>
<span style="background-color: white;"><br style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;" /></span>
<h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.600000381469727px; margin: 0px; padding: 3px; text-align: justify;">
<span style="background-color: white;">» Trích dẫn:</span></h3>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;"><b>Lưu ý </b>là với những ký tự tắt bao gồm của nhau như <b>:)) </b>và <b>:)</b> thì bạn phải đặt<b> :))</b> lên trước <b>:) </b>nếu không chỉ ký tự ít hơn được hiện lên.</span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;"><br /></span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Nếu không muốn hiển thị những Nhận xét dung tục ta khai báo những ký tự đó và thay tương ứng không phải là thẻ img nữa mà là ký tự <b>***</b> chẳng hạn.</span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;"><br /></span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Sau khi đã thành công với việc chèn emoticons vào khung Nhận xét bạn hoàn toàn có thể chèn emoticons vào khung Bài đăng hay khung Nhận xét mới bằng cách tạo một ID mới bao quanh khung Bài đăng hay khung Nhận xét mới và khai báo ID này trong javascript màu xanh ởbước 1 tương tự như khai báo ID emocomments (tên ID phải khác nhau).</span></div>
<span style="background-color: white;"><br style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;" /></span>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Vì không thể chèn emoticons theo kiểu click do đó chúng ta chỉ nên sử dụng những ký tự tắt thông dụng để không gây khó khăn cho người đọc.</span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
</div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Cũng đừng nên tham lam chèn nhiều emoticons dẫn đến trình duyệt phải xử lý nhiều thông tin khiến blog tải chậm hơn.</span></div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
</div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<span style="background-color: white;">Giờ thì khách thăm blog của bạn thoải mái Nhận xét với những emoticon ngộ nghĩnh cho dù họ có đang dùng trình duyệt bị giới web development ghét nhất mang tên IE 6.</span><blockquote class="tr_bq" style="border: 1px solid rgb(150, 215, 226); margin: 0px; padding: 10px;">
<span style="background-color: white;">Với threadc omment của blogger thì khung này chỉ hiển thị khi bài viết có ít nhất 1 comment nha.</span></blockquote>
</div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
</div>
<h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.600000381469727px; margin: 0px; padding: 3px; text-align: justify;">
<span style="background-color: white;">» Dưới đây là một số hình bạn có thể xem và chọn nếu thích:</span></h3>
<span style="background-color: white;"><img alt="Bạn nhập từ: cungly" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpcWWIbEM5AcAG0PolB4glNb95KfxSH7NyIpoTwAaCqiY5s3jSNxr4hVny8rqRrAzEwUPbGi1wDH49N2qpqqSP0x9EnvMGZ1PQVf5b_3SLywEB0l2S8k61t3BY-N-76xLk8EIAlz7FCJg/" style="border: 0px; clear: both; font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: cungly" /><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"> </span><img alt="Bạn nhập từ: lleu" height="36px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Vm8XBjMh3v6djChd1vsWyH1QJMDT5k2a6qbe1ssyv0o6usNFe9lEIn4jZvePvQHb25zCuCYGE13sEq6kXHQFooz51cERyir2MYyXhB-I53nSypYy7ZBOSxoltJFJaeMFPoMP0jtpxjxX/" style="border: 0px; clear: both; font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: lleu" width="36px" /><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"> </span><img alt="Bạn nhập từ: kkrong" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgopJUiG8v0aB3BzMAtZcLNilUX_16Egk6metqXsxkXMETEVoJfEatCj22kccssN6I22ZBgq7MYHzCrGRjnnMz5eOZeo3eyaPqWdoJo981Abo0vC1Ykjs-l-p1cfS7rt4zHbCng63e5GWia/" style="border: 0px; clear: both; font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: kkrong" /><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"> </span><img alt="Bạn nhập từ: cuoilon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjidGdAfO9n9Jj95T5Y6gg9sVd49g3ABQJwVGrc5J61vN3xgzHL0aZKNFp98BEgr2R723WGDxJEupkMOrAxezwN1gorzawUIKqvrPdumQtVVkJn3nPfKKclos_jCY117E2h31TGKOB42gBT/" style="border: 0px; clear: both; font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: Cuoilon" /><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"> </span><img alt="Bạn nhập từ: roile" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_Fs92ZWOZ2Cq3q_hIFHColjJ2dTKSlzmDcgrj2rAfJZhP-lVgK7tyive9HgT-wl5-AEQN5p0guPtrXzd8ulnAjQTvbKGt-7rRvrnHaJry031uiWLIpPPTJDCwsb5mC9JIHD8y4Lm4yM9/" style="border: 0px; clear: both; font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: roile" /><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"> </span><img alt="Bạn nhập từ: hehehe" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNTHkuQmvHosC1rAAAznkWm6BvAEE24SDH_zkgPlsRjDb2h849_OYu79qBfOGsTucornPaOErrCYVTEXSkh1zXJ4RPFR4TUnhFUIKZxCP4Tl3znl7O5QP_x-sOi-dkSf8PCPGUeSwOWFJ-/" style="border: 0px; clear: both; font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: hehehe" /><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"> </span><img alt="Bạn nhập từ: byebye" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvLw5BOiAg360PEecT4_jwUMVQYm3wDpzgwjKS2HsYux0xWyNzz7l8K7GfqiqI-BOED-5Saa6iJ57pMa7Nw6Eq4qKuZKlWPMyI4VxBic7QaRmy5hM6fKgfVRhUyPBVQm-6w-mGwt3WTsDe/" style="border: 0px; clear: both; font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: byebye" /><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"> </span><img alt="Bạn nhập từ: idontknow" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidlPZqQRRXMKJuYfBGy5QCZNrFrJe72WdyZStuwpZW8zrfFvW1kuvGs3aLv-03DZioE9dAAtbCiC1h-vmNoqIFEmotp-xN65yjpqwZUfVNwNofMpw00ql5Tzw8YvJPfypeCnsj5E0F3xmw/" style="border: 0px; clear: both; font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: idontknow" /><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"> </span><img alt="Bạn nhập từ: votay" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAmUakPghnPEmEIAgDgJbNWUrwv7ygEitJ_DEmvfYl0c-ChGyaagZnBQopyTO6BiFOOQtkPVlhlEet1ALUKP9e4rUs-P8QeSu87skU-pmOHzuv9p6JkCClgYbhrQ4dBIgIIw1GOsUZy0wO/" style="border: 0px; clear: both; font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: votay" /><span style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"> </span><span id="wp-smiley-more" style="display: inline; font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"><img alt="Bạn nhập từ: hihihi" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmeVdEEGzAziU6Xtnbd2eAuTwFO7CjsniCXTiuyDwdZEqWI9meeKHoGdB83vVM2py9BAwG3h-DoZncrHagJU3qAuAd5yYOpoYZ3AeHkHZPl3j-F-BSYYkms_wcmXuLHpCox-vsRKzRBtfr/" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: hihihi" /> <img alt="Bạn nhập từ: antap" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKc65u_QTk2rT43rxQhNCjIhJKoTEXYSELRyAMtA90tqcckhkOZVDNkZeUXoyLWFejd29Yd7wT5hRIbYjeyM1BKjS57qLZiJOJh5XNIhKPhEzSj2hN_53vn_Y0up1AtpLGK3DNxTuvFoVK/" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: antap" /> <img alt="Bạn nhập từ: chemgio" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6CssI-9kL322tYLgh-2jwXIBm2QSSww9IJ2y1B_PpA9ZSrb8trhMUowIdn-uy-r_dv8Sq-nHJMB8U7NbmIWJfxWb4ElYpIT80U5vySQjuKP7lZCB0ru6BVsk-Qwfcwb4NkvTbce0sM434/" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: chemgio" /> <img alt="Bạn nhập từ: nhinne" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5llqW8aruNNNKD9g13AtGmAiNI8pvjXs4tIDqFR_HumMHqw_441-aKOhyphenhyphenRkov2x5h_r4GJJWrh_l5qIYiOELORS74P0aVQJ3KY_8dAaiXVcfBFiACaVYfht0vtGtWgJlBW-cRloXIm9Yl/" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: nhinne" /> <img alt="Bạn nhập từ: battay" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxC2F7an0yBb9l3Rz33E2ix4w-2YpOfKKlMfqzfmqv-YxwZJ8wlC0MxqZLRb0Zj-5brRV8wkf8J5WdkVMkAqSq3kAnililUsqbCzt6HXwhhdTfJSX2SvEajhok21cH2bBwsnThBcSSVWdD/" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: battay" /> <img alt="Bạn nhập từ: dda" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgAppqgIqrb3J5Op5M2h0Fvz0n_miAiYQ4cxgOnb8i1JyTMDBl8HFbBmsXnnkEHcpb1LcHltY3eFgaRpCQiP_3LpCgxKocZvflJr-wWB1GWOpPfYVu1isBJcgKE-Rr-Px683EGo-JB9Imc/" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: dda" /> <img alt="Bạn nhập từ: moneymoney" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCVjvXWf1l7VD2lyYGyEvSzKYTGHPFTE82yJaX0ZLgwAIdfwo9JQdYPQWBWv3_zTAO6QSWcy2dtJ9jaoO68Cq8b_52Z3UfItxZcESiVz5k1cQfAV_VPCDMsTXoi8tilHdekgejsYqRYXSH/" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: moneymoney" /> <img alt="Bạn nhập từ: moison" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZdit6TOuPnK1zOpqfjyEelwI8NlLbn0UQG4wkqkcnp9kE0gXnILgtRUeUy3PCihziK6fRI2hwoSj8Z4KL6ZSbSWKzBcD5TcCPoqHaEwL7zPvWoHpCTW4vES0jjFuiz4s5Y6R34_CmJslg/" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: moison" /> <img alt="Bạn nhập từ: lacdau" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhypF2NdYAi3zEKPM_6l5jRMDIpHEdlUbrwm8yvzlZtFIl5IVk6nOfwpg-bGjt41uREjbM2O20Gbl9zbSAcs1wjtedjn9M0vzwUJAp9-pfjLAn1XvQ1hF0iev-4c2khzwGPyxBWUseKi4ik/" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: lacdau" /> <img alt="Bạn nhập từ: uauaua" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4snaw6tYFhCEvjIIsTX5wsN0yfwPB6a8v7D-9Enux7amiOVkQ6ISPkJ1QuEKxXc5YdoWOOlsK02WZEjoN8HV20g784epHehCUoXwkEaE1FOzMh1DpaztggZXq6q9eZJnCuOFstnZ156_k/" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: uauaua" /> <img alt="Bạn nhập từ: tatbop" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEK1hlyTMpVb8GV7808jHxqVCVvJLVF1DI0bzZr-6JMHOWpmBjx20dux0YyH3U_z3OgJ5aTMA3i6MksxINIdtHp5JGRQosJSUUUcAQwYypB7i5N0QSWN77W-eADPfyjZZ5HUuIMMjm9g_7/" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: tatbop" /> <img alt="Bạn nhập từ: aloalo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvjjheKF00yB-QgLp1VwW17HEIndxo17YebfPh4Y1KViS3F5Ly6qaZDIz2GmDlel3HVjPFlYBtSFAJ1VgrC0LosUoyOTTYmGjiqH-Y5UbNeZhdfFasdqfZ_taEiuapONDVVPCApclk28DM/" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: aloalo" /> <img alt="Bạn nhập từ: chuichui" src="https://lh5.googleusercontent.com/_9-sNIAfGhKg/TXxpsSXbQxI/AAAAAAAAAIM/GC9Y6mUh3qw/shutup.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: chuichui" /> <img alt="Bạn nhập từ: dotlua" src="https://lh3.googleusercontent.com/_9-sNIAfGhKg/TXxpsb1FvKI/AAAAAAAAAIQ/mGikiSKPedg/soldierbaby.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: dotlua" /> <img alt="Bạn nhập từ: loveyou" src="https://lh5.googleusercontent.com/_9-sNIAfGhKg/TXxptF1kJSI/AAAAAAAAAIY/oEhVU5Ne49U/yeulam.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: loveyou" /> <img alt="Bạn nhập từ: dmohoi" src="https://lh4.googleusercontent.com/_9-sNIAfGhKg/TXyK4vY1n3I/AAAAAAAAAIg/uyq9XnzO7iU/52.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: dmohoi" /> <img alt="Bạn nhập từ: danhrang" src="https://lh3.googleusercontent.com/_9-sNIAfGhKg/TXyK4ojcmOI/AAAAAAAAAIk/gvWozW-KWG0/7yoyo8.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: danhrang" /> <img alt="Bạn nhập từ: bichoang" src="https://lh3.googleusercontent.com/_9-sNIAfGhKg/TXyK5dV5ubI/AAAAAAAAAIs/Iju9q4HWI_Y/56.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: bichoang" /> <img alt="Bạn nhập từ: cdv" src="https://lh4.googleusercontent.com/_9-sNIAfGhKg/TXyK41uQ_ZI/AAAAAAAAAIo/WFnc77M2sww/38.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: cdv" /> <img alt="Bạn nhập từ: cunghi" src="https://lh5.googleusercontent.com/_9-sNIAfGhKg/TXyK5e-nWMI/AAAAAAAAAIw/cH1T5wVA8ho/79.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: cunghi" /> <img alt="Bạn nhập từ: anhtrang" src="https://lh6.googleusercontent.com/_9-sNIAfGhKg/TXyK5pPzSaI/AAAAAAAAAI0/fiAB_T55cuQ/108.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: anhtrang" /><img alt="Bạn nhập từ: nuocmui" src="https://lh6.googleusercontent.com/_9-sNIAfGhKg/TXyK549iPYI/AAAAAAAAAI4/MSSbENjXK9w/125.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: nuocmui" /> <img alt="Bạn nhập từ: vuivewa" height="37px" src="https://lh3.googleusercontent.com/-sRuLoLvMjxw/TkfWE-64kCI/AAAAAAAAAnI/-cH31aldqWo/000042-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: vuivewa" /> <img alt="Bạn nhập từ: liem" height="37px" src="https://lh5.googleusercontent.com/-RafVX93ntq4/TkfWExXiRKI/AAAAAAAAAnI/VkL6BI8499U/000046-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: liem" /> <img alt="Bạn nhập từ: suytu" height="37px" src="https://lh4.googleusercontent.com/-wPfMnt75Ytg/TkfWFC4EyVI/AAAAAAAAAnI/7sVSUOz_W7o/000049-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: suytu" /> <img alt="Bạn nhập từ: chaomay" height="37px" src="https://lh4.googleusercontent.com/-usF2sDU1OJE/TkfWFDBoZHI/AAAAAAAAAnI/u4mkgGjaGwc/000057-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: chaomay" /> <img alt="Bạn nhập từ: hongthem" height="37px" src="https://lh4.googleusercontent.com/-ORbvqJgikMo/TkfWFM2k_5I/AAAAAAAAAnI/_OdZj1nqpLk/000060-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: hongthem" /> <img alt="Bạn nhập từ: yeahyou" height="37px" src="https://lh5.googleusercontent.com/-HkU5Sic3Bzg/TkfWFdT4niI/AAAAAAAAAnI/bDgdBezTGb0/000068-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: yeahyou" /> <img alt="Bạn nhập từ: votulu" height="37px" src="https://lh4.googleusercontent.com/-kwCYvw5xglU/TkfWFkxmNUI/AAAAAAAAAnI/W5DSKzlw84g/000073-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: votulu" /> <img alt="Bạn nhập từ: muonchetah" height="37px" src="https://lh6.googleusercontent.com/-mSY2JhOW-LU/TkfWF1QjWiI/AAAAAAAAAnI/8MU7EJay9PQ/000077-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: muonchetah" /> <img alt="Bạn nhập từ: huhune" height="37px" src="https://lh5.googleusercontent.com/-g59is4U5oM4/TkfWF2VmwCI/AAAAAAAAAnI/Hja2D1oF7nc/000081-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: huhune" /> <img alt="Bạn nhập từ: bucroinhe" height="37px" src="https://lh6.googleusercontent.com/-XReiPcyh3w8/TkfWGMmy_PI/AAAAAAAAAnI/F_w5kAKm3vA/000099-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: bucroinhe" /> <img alt="Bạn nhập từ: honcaine" height="37px" src="https://lh6.googleusercontent.com/-sSkQVXF12ks/TkfWGWAtEaI/AAAAAAAAAnI/u7ayB_DahRs/000117-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: honcaine" /> <img alt="Bạn nhập từ: chucmungnammoi" height="37px" src="https://lh3.googleusercontent.com/-JFWpYDYqmNA/TkfWGsuBO6I/AAAAAAAAAnI/ndIT8PMoYZU/000127-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: chucmungnammoi" /> <img alt="Bạn nhập từ: chaoban" height="37px" src="https://lh5.googleusercontent.com/-45BXSKSalmY/TkfWGx4idVI/AAAAAAAAAnI/mDigTi5BUls/000154-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: chaoban" /> <img alt="Bạn nhập từ: toiuocgi" height="37px" src="https://lh4.googleusercontent.com/-aiQ81nTlhHs/TkfWHDMAeXI/AAAAAAAAAnI/glkneC8WgVU/000268-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: toiuocgi" /> <img alt="Bạn nhập từ: yessirl" height="37px" src="https://lh4.googleusercontent.com/-A16sPhQ3py0/TkfWHq8iRrI/AAAAAAAAAnI/O5R43-skbHY/000270-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: yessirl" /> <img alt="Bạn nhập từ: khocwatroi" height="37px" src="https://lh3.googleusercontent.com/-Jhj2-Lo4qNQ/TkfWIGCLGfI/AAAAAAAAAnI/wStWy-35s4k/000276-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: khocwatroi" /> <img alt="Bạn nhập từ: tambiet" height="37px" src="https://lh4.googleusercontent.com/-6VOE5c2ppTk/TkfWIm7uLZI/AAAAAAAAAnI/8r9ycuHrgFs/000291-medium.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: tambiet" /> <img alt="Bạn nhập từ: huhuhu" height="36px" src="https://lh6.googleusercontent.com/_9-sNIAfGhKg/TXyK6JUJzNI/AAAAAAAAAI8/LBwO46XKVk4/lagirl7.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: huhuhu" width="36px" /> <img alt="Bạn nhập từ: dabong" height="36px" src="https://lh3.googleusercontent.com/_9-sNIAfGhKg/TXyK6U1tNCI/AAAAAAAAAJA/xl286gEQnOg/nini31.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: dabong" width="36px" /> <img alt="Bạn nhập từ: dungdung" height="36px" src="https://lh5.googleusercontent.com/_9-sNIAfGhKg/TXyK6TTrbBI/AAAAAAAAAJE/fmB39vcGuVs/nini44.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: dungdung" width="36px" /> <img alt="Bạn nhập từ: lonmeo" height="36px" src="https://lh4.googleusercontent.com/_9-sNIAfGhKg/TXyK7HljZcI/AAAAAAAAAJM/ukMrX6qjKts/nini55.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: lonmeo" width="36px" /> <img alt="Bạn nhập từ: hutthuoc" height="36px" src="https://lh3.googleusercontent.com/_9-sNIAfGhKg/TXyK7SxJ4DI/AAAAAAAAAJQ/GwTnvklcHTc/orange10.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: hutthuoc" width="36px" /> <img alt="Bạn nhập từ: lovelovelove" height="36px" src="https://lh6.googleusercontent.com/_9-sNIAfGhKg/TXyK7n2vuCI/AAAAAAAAAJU/gquutdMCwBc/sm7valentine38.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: lovelovelove" width="36px" /> <img alt="Bạn nhập từ: tungkinh" height="36px" src="https://lh6.googleusercontent.com/_9-sNIAfGhKg/TXyK7yKyeZI/AAAAAAAAAJY/9VEtd2kVAhE/sm2nini15.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: tungkinh" width="36px" /> <img alt="Bạn nhập từ: happy-new-year" height="36px" src="https://lh6.googleusercontent.com/_9-sNIAfGhKg/TXyK72dKTzI/AAAAAAAAAJc/4Foo8qzW7FE/valentine71.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: happy-new-year" width="36px" /> <img alt="Bạn nhập từ: kemne" height="36px" src="https://lh3.googleusercontent.com/_9-sNIAfGhKg/TXyK8KUyVpI/AAAAAAAAAJg/6yzjG8aHRVs/valentine74.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Bạn nhập từ: kemne" width="36px" /></span></span>

Chèn mặt cười với hiệu ứng tooltip cho comment blogspot

Để tránh đơn điệu cho blogger. Hôm nay mình giới thiệu một mẫu mặt cười (Emoticons) dạng hover tooltips. cho nhận xét Với kiểu Emoticons nà...

Bầu trời của tôi

Chèn mặt cười với hiệu ứng tooltip cho comment blogspot

Recent Comments

Nhận xét mới đăng tải!