Thế Giới Em Và Tôi

Sunday, 20 November 2011

Nhạc tuyển chọn

Nhạc tuyển chọn Ca sĩ nổi tiếng

Tuesday, 15 November 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ư , , , . 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.

Bạn có thể xem Demo ở phần viết bình luận của Thủ thuật Blogger.

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/AVvXsEh8btHqkM7_ZOdW50K3QCAP5cHfe_oKoK4fRxFjqdcHR0gUFIJZK4tA8y67WAAFzXCfsSNJ7a2Po83woIcVfJMqqk6qu0nbqwJrxMIbj4oT89G4DdUOWVmExMsXEvszeKjPwicOS05uxb0b/s1600/49.gif" />');
    theText = theText.replace(/:2\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjejw_t1p3LJxeoXmDtnYvRAIegBb7Gqflk51dxMTda4f7CZl1vrvKQgwftQP2FL_1N-wH5lt48tSovFhpU5aFnYvFO-wK_dM97dKRfBuegR8sRUImleKq4EUqawoaS4T1HYPlJhrwFi8Ob/s1600/102.gif" />');
    theText = theText.replace(/:3\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhld2gYxY0OEgE2LP39X70ZgTXnfODNm9uCyYIS3aMwOCAmhJ5Ld8Mt-2_UnD-pc2PGhvLjnzfGq2x4bDecibYse7KJTXN9GPkQes5WcX4tK_Wtky95XAap3-VNFbWYpCTzpBIebw261xuK/s1600/113.gif" />');
    theText = theText.replace(/:4\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3osAm1pTb2r-kBeKU4-XN6fmVRC5HQWDLJZObdJ__HKJw2EIHGIBUqGoZvmM8M71ac75aAj7sGAEX3w2wQyURAttOjA-ISdrzLx0cOJa57uU3UUWYzZl5GQMZKdrF1WjvT_gQO8ess7KV/s1600/93.gif" />');
    theText = theText.replace(/:5\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR02jf125_FxPo6LgAxtRtScGHDqUlInTQ2Bmvf2bniw4-KdUcDeqmgSz6hxrSNK84mtnYxygj_DhxuvjLaRnnRFmvuf8UCG6n0kvG3t9s02ik9EfOPY4adpdv5AXGcMm3p08_uLrsbm29/s1600/61.gif" />');
    theText = theText.replace(/:6\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxV_pc-DhzdtUhZ6B-XqkD5H7uZQalUq6kkDHhBjeGfRyUQ8AuN7TSuykSUp_fB8chg-di4bfH4xiIojpqGQc-pWrscIuuqe3eNI3A7Sb4kEvlr0-U0Dd35R6UQ1TmJ74_cbtMb7hvsxS_/s1600/134.gif" />');
    theText = theText.replace(/:7\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhED1OrLOLCHMhCpK5fEBNPCxOddxGJYjnilC1QWGb7eYqXQKgKPhgRJsAITRdTbSkgxng3hKHYvz4HvPxViA0RfNh5gnCSCqblJlScKm6Ccx9cGii1ZjQ6siuLBuSqbbSFrGhhB7a6Na6t/s1600/39.gif" />');
    theText = theText.replace(/:8\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCQnzLKG77huz48Xl7abVpUf84PwnTyHKiH36W4VnKUeXKCXsbJQT0zZIgSdh8L1ZT2TV6h68yk3eS0Ou5nrq96vy2WRYH4q_n4tDFVyhxUfzjRwhyyDCZw_pO4UTO-gXTgl0NoSPHHHR/s1600/106.gif" />');
    theText = theText.replace(/:9\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBsq7L2jRqqG6Vrv-f_K_MfD_6cE-h7UBKRZIW7SlP2NgN8DS2GJ_TWXStydEhkEQUi6ykeh5-tJ2cytVI16zHa3u_XNsIo7Tu47jkpvJEoo3FAHZJtep2-ZnUwRCzgeVqoRS4C7UjqMzA/s1600/43.gif" />');
    theText = theText.replace(/:A\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMM5bs3JIy_R3c0hJUYV_f6vtIYKge3PSEhyILm4KD72F0kALVl8hEDQENtsDbdBXQtdrsIorFAK9Bx55JzRUglWyanljmWZO6Q4F19I-eKaNABZBYqTIrwpaWWuGCzs6hOqhLs_h0fh9_/s1600/111.gif" />');
    theText = theText.replace(/:B\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqL6X2WmoJ_FLPkNTvsDvS1T5pTiRXYMbfdzTqWUrxyMx3C0OMBdbDZdI5jfxn_n83CQR-28M31Cw9OtilUu9vIJbs1xhefgPaQS-u-3sm7qLflegXZ2eMihXgUgnZmR0P1yJY1oGMATrB/s1600/48.gif" />');
    theText = theText.replace(/:C\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWAFqZo0bqXOUFhqu2Yyl96eE9IjjQe2xY7Ex05vbeiMntuRfBWCyckUEFzghuvPClaCPyAuQtFZ4_Ankct5uJPHtYrECe-3awDmKdlTdtqfk4VGOFOyk7NTvjB7NZ0dm7I5QPEYnmh7I4/s1600/54.gif" />');
    theText = theText.replace(/:D\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN3Diwjp5iid4gkP0fWhbBA60FC1MidaLzmZ9MOQlllrlhipCH2GmTf0glVmF7RJkIqud4Rm_lvL0-cuxalHY0ZeQsfW9lw4Y5KHP-p0LoTxtY-k8-vyulNGSRSFdtWL5jkkvSfzAUUy5q/s1600/63.gif" />');
    theText = theText.replace(/:E\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9YOPpp3ixLI6AZHDlSPxRak-fCI8rrkSD6mH4m_L2xwPCqmraXIoLsf5vlz1yFoxf1yFY77bszW7X8qTGLbGE-rpA4k8vPH1Bm-IVbfUKm-F4X5HIynr8h9O85oviawrxlVuTVksAwhU0/s1600/100.gif" />');
    theText = theText.replace(/:F\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii0cqkOKHGwXZ2cQD4_9tthZxn9IjoLJ41S-rM69juS69q670qqKeIzyCzC2z7yuAzAoMbsnELZp4w0mMh3BBaxxyOWWzF_NJMyHZLNrBFH1h10PvIANgijP46rcexX1pvvC33zCPGY3xH/s1600/45.gif" />');
    theText = theText.replace(/:G\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUwsO29K1V4SYxO2nL7S7HBJc0Iuv8InJlssZvwPGugTzvT0RKmLcW1NSM4ZSaDUzj9nMapvyo-y1-9URO_-W1QP91eNyCLgNfFOguxaluE6zYqxfKBVykforBXsqoSNft-E01BPBWt1d/s1600/77.gif" />');
    theText = theText.replace(/:H\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwdMWUqKVGXvmP2BnGC_dyq2m1y5AAMrIxpTEvmvaOi8K4GXomTCAHzejlBcmHuS0fOnzj-sSyloL3Y1YiQ6LzNzPoQzf73PEeA1Gr-hJEvcBSZlTrTq3F1NQzCTnuhm5FhWWaE2yNiebR/s1600/86.gif" />');
    theText = theText.replace(/:I\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhovnITey43jua3kCMkCDIFEi_6ofSUd5_UaALGvsbWqkSX1DUnE2CUvXXuYhhwxCzqhfdZNDFfHp7jvf_kVu8JjwoqcmsQfhiV10S5Di8z021GKHdZ7PpuG9PErPtROdc-TS8Y32uPYKmD/s1600/94.gif" />');
    theText = theText.replace(/:J\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikpm2e3yT5eQguoMQgrKNvYBb4iR7QkP4cJyKC8LlQE0EWnqFoXkxWdfEFgOwiCZTMjB5P7f2vgqxUiO9jfBOY_bF77TQhtnzjzebmIhBZxFF4OOvRxSsKkBzScS7X1aPuVafZsDqzOCw/s1600/83.gif" />');
    theText = theText.replace(/:K\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJ01F21X4VZVgtxi279r01VolWZnl3RDBVAa30X9Rbic0c7PVdgjgRIUX0XLhXLWuwCN0EJ3bOC4gV-kUuMTDWr-9IArWWkdeYmLcrBKAoTpeo2pCXLj5ZAkYcIKk94hCvLAtWvAruuto/s1600/59.gif" />');
    theText = theText.replace(/:L\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBO30AGO2BIuPtZf-wIuyND086FeIShkujdVwKHUYe6MuNxm6kVY-osPOlQIPLj6Q4QzA_mVCXxvVgvtYfswnysahEyyppjaxJcwEMieazlm5bHG9DxoXV1_oUDS4qRqg97WblFUGk50rI/s1600/soldierbaby.gif" />');
    theText = theText.replace(/:M\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbw45W0EDhRwScAmEdFVT00mLbCHnnEyOA_MnjVa18eBSHB-5qqYInUEnWD7D9df0MxGc5HibgGUyeRXxBnWQrMqbTrHH548Y02V3MbwMi9X-4gb6S3SEyKv-yGsrgBWiP2WBYzuK2YYKl/s1600/alo.gif" />');
    theText = theText.replace(/:N\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROSIvwsh_kM9K1cQZjkv4T5INSJnSZ5ITmF8euCY3kLh2ydLz-luferKR6G6pSi_wSqCJ-oQQPWtY8tAXrQEX0bBGbA70uRxs0vlBbZAxYbXSxMUMfsg3iU7VbekMVjO0CmH-_jZT7PDm/s1600/shutup.gif" />');
    theText = theText.replace(/:O\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoIArjxtJ1-A0jsmuL08TZ0eCRbWY_clDh_RHmvAtnLo4VsJZ_X1FCq2S616njQCv_7Xo0IOHN9fTdCbJocCHd-aUJGw4TJs_nTTr4WHUZKNC7T0917kN9lI9OkTkxxCvDGPzSjAUghKV8/s1600/yeulam.gif" />');
    theText = theText.replace(/:P\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKvEyssoj0qqL39Mn4JBwCbCbpNkUp04uWI6phhmNyYXse-dcfcRLawGElnIHG9b5IBfXdz-hnWFJaU6L4CueRaUEwv4lwWx7rsD69E5QMBT8-32CyRTu5Kh2ZSUNKSfi7bN-slxwNkz7V/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()">« Less</a></span>';
    }
    function lessSmilies() {
    document.getElementById('smiley-more').style.display = 'none';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">More »</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>
    

    <div id='comments_insert'>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":1) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8btHqkM7_ZOdW50K3QCAP5cHfe_oKoK4fRxFjqdcHR0gUFIJZK4tA8y67WAAFzXCfsSNJ7a2Po83woIcVfJMqqk6qu0nbqwJrxMIbj4oT89G4DdUOWVmExMsXEvszeKjPwicOS05uxb0b/s1600/49.gif' style='border: 0; padding:0' title='hê hê hê'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":2) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjejw_t1p3LJxeoXmDtnYvRAIegBb7Gqflk51dxMTda4f7CZl1vrvKQgwftQP2FL_1N-wH5lt48tSovFhpU5aFnYvFO-wK_dM97dKRfBuegR8sRUImleKq4EUqawoaS4T1HYPlJhrwFi8Ob/s1600/102.gif' style='border: 0; padding:0' title='hôn hôn'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":3) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhld2gYxY0OEgE2LP39X70ZgTXnfODNm9uCyYIS3aMwOCAmhJ5Ld8Mt-2_UnD-pc2PGhvLjnzfGq2x4bDecibYse7KJTXN9GPkQes5WcX4tK_Wtky95XAap3-VNFbWYpCTzpBIebw261xuK/s1600/113.gif' style='border: 0; padding:0' title='ua ua ua'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":4) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3osAm1pTb2r-kBeKU4-XN6fmVRC5HQWDLJZObdJ__HKJw2EIHGIBUqGoZvmM8M71ac75aAj7sGAEX3w2wQyURAttOjA-ISdrzLx0cOJa57uU3UUWYzZl5GQMZKdrF1WjvT_gQO8ess7KV/s1600/93.gif' style='border: 0; padding:0' title='nhìn nè'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":5) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR02jf125_FxPo6LgAxtRtScGHDqUlInTQ2Bmvf2bniw4-KdUcDeqmgSz6hxrSNK84mtnYxygj_DhxuvjLaRnnRFmvuf8UCG6n0kvG3t9s02ik9EfOPY4adpdv5AXGcMm3p08_uLrsbm29/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("comments_input").value += ":6) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxV_pc-DhzdtUhZ6B-XqkD5H7uZQalUq6kkDHhBjeGfRyUQ8AuN7TSuykSUp_fB8chg-di4bfH4xiIojpqGQc-pWrscIuuqe3eNI3A7Sb4kEvlr0-U0Dd35R6UQ1TmJ74_cbtMb7hvsxS_/s1600/134.gif' style='border: 0; padding:0' title='tát bớp'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":7) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhED1OrLOLCHMhCpK5fEBNPCxOddxGJYjnilC1QWGb7eYqXQKgKPhgRJsAITRdTbSkgxng3hKHYvz4HvPxViA0RfNh5gnCSCqblJlScKm6Ccx9cGii1ZjQ6siuLBuSqbbSFrGhhB7a6Na6t/s1600/39.gif' style='border: 0; padding:0' title='rơi lệ'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":8) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCQnzLKG77huz48Xl7abVpUf84PwnTyHKiH36W4VnKUeXKCXsbJQT0zZIgSdh8L1ZT2TV6h68yk3eS0Ou5nrq96vy2WRYH4q_n4tDFVyhxUfzjRwhyyDCZw_pO4UTO-gXTgl0NoSPHHHR/s1600/106.gif' style='border: 0; padding:0' title='money money'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":9) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBsq7L2jRqqG6Vrv-f_K_MfD_6cE-h7UBKRZIW7SlP2NgN8DS2GJ_TWXStydEhkEQUi6ykeh5-tJ2cytVI16zHa3u_XNsIo7Tu47jkpvJEoo3FAHZJtep2-ZnUwRCzgeVqoRS4C7UjqMzA/s1600/43.gif' style='border: 0; padding:0' title='lêu lêu'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":A) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMM5bs3JIy_R3c0hJUYV_f6vtIYKge3PSEhyILm4KD72F0kALVl8hEDQENtsDbdBXQtdrsIorFAK9Bx55JzRUglWyanljmWZO6Q4F19I-eKaNABZBYqTIrwpaWWuGCzs6hOqhLs_h0fh9_/s1600/111.gif' style='border: 0; padding:0' title='lắc đầu'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":B) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqL6X2WmoJ_FLPkNTvsDvS1T5pTiRXYMbfdzTqWUrxyMx3C0OMBdbDZdI5jfxn_n83CQR-28M31Cw9OtilUu9vIJbs1xhefgPaQS-u-3sm7qLflegXZ2eMihXgUgnZmR0P1yJY1oGMATrB/s1600/48.gif' style='border: 0; padding:0' title='khóc ròng'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":C) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWAFqZo0bqXOUFhqu2Yyl96eE9IjjQe2xY7Ex05vbeiMntuRfBWCyckUEFzghuvPClaCPyAuQtFZ4_Ankct5uJPHtYrECe-3awDmKdlTdtqfk4VGOFOyk7NTvjB7NZ0dm7I5QPEYnmh7I4/s1600/54.gif' style='border: 0; padding:0' title='I don’t know'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":D) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN3Diwjp5iid4gkP0fWhbBA60FC1MidaLzmZ9MOQlllrlhipCH2GmTf0glVmF7RJkIqud4Rm_lvL0-cuxalHY0ZeQsfW9lw4Y5KHP-p0LoTxtY-k8-vyulNGSRSFdtWL5jkkvSfzAUUy5q/s1600/63.gif' style='border: 0; padding:0' title='hi hi hi'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":E) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9YOPpp3ixLI6AZHDlSPxRak-fCI8rrkSD6mH4m_L2xwPCqmraXIoLsf5vlz1yFoxf1yFY77bszW7X8qTGLbGE-rpA4k8vPH1Bm-IVbfUKm-F4X5HIynr8h9O85oviawrxlVuTVksAwhU0/s1600/100.gif' style='border: 0; padding:0' title='đá một phát'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":F) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii0cqkOKHGwXZ2cQD4_9tthZxn9IjoLJ41S-rM69juS69q670qqKeIzyCzC2z7yuAzAoMbsnELZp4w0mMh3BBaxxyOWWzF_NJMyHZLNrBFH1h10PvIANgijP46rcexX1pvvC33zCPGY3xH/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("comments_input").value += ":G) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUwsO29K1V4SYxO2nL7S7HBJc0Iuv8InJlssZvwPGugTzvT0RKmLcW1NSM4ZSaDUzj9nMapvyo-y1-9URO_-W1QP91eNyCLgNfFOguxaluE6zYqxfKBVykforBXsqoSNft-E01BPBWt1d/s1600/77.gif' style='border: 0; padding:0' title='cụng ly'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":H) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwdMWUqKVGXvmP2BnGC_dyq2m1y5AAMrIxpTEvmvaOi8K4GXomTCAHzejlBcmHuS0fOnzj-sSyloL3Y1YiQ6LzNzPoQzf73PEeA1Gr-hJEvcBSZlTrTq3F1NQzCTnuhm5FhWWaE2yNiebR/s1600/86.gif' style='border: 0; padding:0' title='chém gió'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":I) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhovnITey43jua3kCMkCDIFEi_6ofSUd5_UaALGvsbWqkSX1DUnE2CUvXXuYhhwxCzqhfdZNDFfHp7jvf_kVu8JjwoqcmsQfhiV10S5Di8z021GKHdZ7PpuG9PErPtROdc-TS8Y32uPYKmD/s1600/94.gif' style='border: 0; padding:0' title='bắt tay'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":J) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikpm2e3yT5eQguoMQgrKNvYBb4iR7QkP4cJyKC8LlQE0EWnqFoXkxWdfEFgOwiCZTMjB5P7f2vgqxUiO9jfBOY_bF77TQhtnzjzebmIhBZxFF4OOvRxSsKkBzScS7X1aPuVafZsDqzOCw/s1600/83.gif' style='border: 0; padding:0' title='ăn ăn ăn'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":K) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJ01F21X4VZVgtxi279r01VolWZnl3RDBVAa30X9Rbic0c7PVdgjgRIUX0XLhXLWuwCN0EJ3bOC4gV-kUuMTDWr-9IArWWkdeYmLcrBKAoTpeo2pCXLj5ZAkYcIKk94hCvLAtWvAruuto/s1600/59.gif' style='border: 0; padding:0' title='byyeee'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":L) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBO30AGO2BIuPtZf-wIuyND086FeIShkujdVwKHUYe6MuNxm6kVY-osPOlQIPLj6Q4QzA_mVCXxvVgvtYfswnysahEyyppjaxJcwEMieazlm5bHG9DxoXV1_oUDS4qRqg97WblFUGk50rI/s1600/soldierbaby.gif' style='border: 0; padding:0' title='nhóc lính'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":M) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbw45W0EDhRwScAmEdFVT00mLbCHnnEyOA_MnjVa18eBSHB-5qqYInUEnWD7D9df0MxGc5HibgGUyeRXxBnWQrMqbTrHH548Y02V3MbwMi9X-4gb6S3SEyKv-yGsrgBWiP2WBYzuK2YYKl/s1600/alo.gif' style='border: 0; padding:0' title='Alo'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":N) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROSIvwsh_kM9K1cQZjkv4T5INSJnSZ5ITmF8euCY3kLh2ydLz-luferKR6G6pSi_wSqCJ-oQQPWtY8tAXrQEX0bBGbA70uRxs0vlBbZAxYbXSxMUMfsg3iU7VbekMVjO0CmH-_jZT7PDm/s1600/shutup.gif' style='border: 0; padding:0' title='Shup up'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":O) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoIArjxtJ1-A0jsmuL08TZ0eCRbWY_clDh_RHmvAtnLo4VsJZ_X1FCq2S616njQCv_7Xo0IOHN9fTdCbJocCHd-aUJGw4TJs_nTTr4WHUZKNC7T0917kN9lI9OkTkxxCvDGPzSjAUghKV8/s1600/yeulam.gif' style='border: 0; padding:0' title='Yêu lắm đó'/></a>
    <a href='javascript: void(0);' onClick='document.getElementById("comments_input").value += ":P) ";'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKvEyssoj0qqL39Mn4JBwCbCbpNkUp04uWI6phhmNyYXse-dcfcRLawGElnIHG9b5IBfXdz-hnWFJaU6L4CueRaUEwv4lwWx7rsD69E5QMBT8-32CyRTu5Kh2ZSUNKSfi7bN-slxwNkz7V/s1600/datbomb.gif' style='border: 0; padding:0' title='Đặt bom'/></a>
    </span>
    <span id='smiley-toggle'><a href='javascript:moreSmilies()'>
    More →</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("http://ha-escapexml.blogspot.com", "followblog", "height=540, width=450, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no" ); }
    </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("comments_input").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.
THEO: THUTHUATBLOGGER.IFNO

Monday, 14 November 2011

Bảng tổng sắp huy chương

Tuesday, 8 November 2011

Đôi Mắt - Quách Tuấn Du

Saturday, 5 November 2011

Game xếp kim cương

Thursday, 3 November 2011

Lịch Truyền hình trực tiếp bóng đá nam SEA Games 26 trên VTV

Lịch thi đấu bóng đá

Đáp ứng nhu cầu đông đảo của khán giả truyền hình, VTV.vn đăng tải lịch tường thuật môn bóng đá nam tại SEA Games 26 trên các kênh của VTV.

Bảng A: Malaysia, Indonesia, Singapore, Thái Lan, Campuchia.

Bảng B: Việt Nam, Lào, Brunei, Đông Timor, Myanmar, Philippines.

STT	Ngày, giờ		Tên chương trình	Kênh
1	T5 3/11	15h30-18h15	Bảng B: Việt Nam - Philippines	VTV2
2	T5 3/11	18h30-21h15	Bảng B: Lào - Myanmar	VTV2
3	T7 5/11	15h30-18h15	Bảng B: Brunei - Đông Timor	VTV2
4	T7 5/11	18h30-21h15	Bảng B: Việt Nam - Myanmar	VTV2
5	T2 7/11	16h00-18h00	Bảng B: Đông Timor - Philippines	VTV6
6		19h00-21h00	Bảng B: Lào - Brunei	VTV6
7		15h30-18h15	Bảng A: Singapore - Malaysia	VTV2
8		18h30-21h15	Bảng A: Indonesia - Campuchia	VTV2
9	T4 9/11	16h00-18h00	Bảng B: Myanmar - Brunei	VTV6
10		18h30-21h15	Bảng B: Việt Nam - Đông Timor	VTV2
11		15h30-18h15	Bảng A: Malaysia - Thái Lan	VTV2
12		19h00-21h00	Bảng A : Campuchia - Singapore	VTV6
13	T6 11/11	13h30-16h15	Bảng A: Singapore - Indonesia	VTV2
14		16h30-19h00	Bảng A: Thái Lan - Campuchia	VTV2
15		16h00-18h00	Bảng B : Philippines - Lào	VTV6
16	T7 12/11	15h30-18h15	Bảng B : Việt Nam - Brunei	VTV2
17	CN 13/11	15h30-18h15	Bảng B: Philippine - Myanmar	VTV2
18		16h00 - 18h	Bảng A: Malaysia - Campuchia	VTV6
19		18h30-21h15	Bảng A: Indonesia - Thái Lan	VTV2
20	T3 15/11	15h30-18h15	Bảng B: Myanmar - Đông Timor	VTV2
21	T3 15/11	18h30-21h15	Bảng B: Philippines - Brunei	VTV2
22	T5 17/11	15h30-18h15	Bảng B: Lào - Việt Nam	VTV2
23		16h00 - 18h	Bảng A: Thái Lan - Singapore	VTV6
24		18h30-21h15	Bảng A: Indonesia - Malaysia	VTV2
25	T7 19/11	15h30-19h00	Trận Bán kết 1 Nhất bảng A - Nhì Bảng B	VTV2
26	T7 19/11	19h - 22h00	Trận bán kết 2 Nhất bảng B - Nhì bảng A	VTV2
27	T2 21/12	15h30-19h00	Trận tranh giải 3 Bóng đá nam SEA games 26	VTV2
28	T2 21/12	19h - 22h00	Trận chung kết, lế trao giải Bóng đá nam SEA games 26	VTV2

Tác giả : VTV.vn