HỌC TẬP VÀ LÀM THEO TƯ TƯỞNG, ĐẠO ĐỨC, PHONG CÁCH HỒ CHÍ MINH

QPVN

Violympic, Vioedu, TNTV

Olympic Vioedu IOE Tiếng AnhTrạng nguyên Tiếng việtChơi cờ Vua Cờ Tướng

XÂY DỰNG VÀ PHÁT TRIỂN ĐẤT NƯỚC GẮN VỚI BẢO VỆ VỮNG CHẮC CHỦ QUYỀN VÀ ĐỘC LẬP DÂN TỘC!

QPVN

TÀI NGUYÊN - TRI THỨC

HÀNH TRÌNH PHÁ ÁN

Liên kết Website

Bộ Ngành - Báo Chí

Ngân hàng - Web khác

DỰNG NƯỚC - GIỮ NƯỚC

QPVN

LỊCH SỬ VIỆT NAM

QPVN

Thành viên trực tuyến

81 khách và 0 thành viên

Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Tìm kiếm thông tin

    Google.com.vn Trang này
    Gốc > Chia sẻ - Thủ thuật > Thủ thuật - Kinh nghiệm >

    Tạo trang covert code (endcode) for blogger

    Với các blogger chuyên về thủ thuật như namkna thì tạo 1 trang end code là rất cần thiết. Bài viết này namkns sẽ hướng dẫn các bạn cách tạo một trang endcode cho blog của mình.
     
    Với thủ thuật này thì khung Input và Output dùng chung trong 1 thẻ textra nhìn rất gọn gàng và đẹp mắt.

    Tác dụng của khung Convert code (Endcode)

    - Khi chèn 1 đoạn code vào nhận xét hay bài viết thì đoạn code đó sẽ biến mất. Do vậy phải đổi các  thẻ < sẽ chuyển thành &gt; và thẻ > sẽ bị chuyển thành &lt;để code có thể hiển thị tốt. 
    - Nếu thay thủ công từng dấu <> thì quá lâu và mất thời gian. CÔng cụ này sẽ giúp bạn việc đó.

    Làm thế nào để thêm khung end code vào blog.

    » Thêm CSS và Xml vào Template

    1. Đăng nhập vào tài khoản Blogger
    2. Vào phần Mẫu (Template)
    3. Chọn chỉnh sửa HTML (Edit HTML)
    4. Chèn code bên dưới vào trước thẻ  ]]></b:skin>

    /*-------Form----*/
    input.abt1 {
    color:#FF8E1F;
    font:10px 'trebuchet ms',helvetica,sans-serif;
    background-color:#fff;
    border:1px dotted #0080ff;
    }
    input.abt1hov {
    color:#0080ff;
    font: bold 10px 'trebuchet ms',helvetica,sans-serif;
    border:1px solid;
    }
    textarea {
    width:100%;
    color:#6E818C;
    font:14px 'trebuchet ms',helvetica,sans-serif;
    border:none; }
    /*-------Form2----*/
    input.abt2 {
    color:#ffffff;
    font: bold 14px  'trebuchet ms',helvetica,sans-serif;
    border:none;
    background: url(http://1.bp.blogspot.com/-n_p85pzQV6I/UMRTAxLA5KI/AAAAAAAAEAs/CMPv-mJfH5Y/s1600/convert-button-namkna-blogspot-com.gif);
    width:149px;
    height:39px;
    }
    input.abt2hov {
    color:#000000;
    font: bold 14px  'trebuchet ms',helvetica,sans-serif;
    border:none;
    background: url(http://1.bp.blogspot.com/-n_p85pzQV6I/UMRTAxLA5KI/AAAAAAAAEAs/CMPv-mJfH5Y/s1600/convert-button-namkna-blogspot-com.gif);
    width:149px;
    height:39px;
    }
    
    input.abt3 {
    color:#ffffff;
    font: bold 14px  'trebuchet ms',helvetica,sans-serif;
    border:none;
    background: url(http://4.bp.blogspot.com/-3bwOK5idDcs/UMRTP0Hg0cI/AAAAAAAAEA0/SVNO4amLVGE/s1600/button-clear-namkna-blogspot-com.gif);
    width:149px;
    height:39px;
    }
    input.abt3hov {
    color:#000000;
    font: bold 14px  'trebuchet ms',helvetica,sans-serif;
    border:none;
    background: url(http://4.bp.blogspot.com/-3bwOK5idDcs/UMRTP0Hg0cI/AAAAAAAAEA0/SVNO4amLVGE/s1600/button-clear-namkna-blogspot-com.gif);
    width:149px;
    height:39px;
    }
    

    5. Lưu Template lại.6. » Thêm Khuing convert
    - Tạo 1 widget HTML/Javarscip và dán code bên dưới vào:

    <script type='text/javascript'>
    //<![CDATA[
    function html2entities(){
    var re=/[<>"'&]/g
    for (i=0; i<arguments.length; i++)
    arguments[i].value=arguments[i].value.replace(re, function(m){return replacechar(m)})
    }
    function replacechar(match){
    if (match=="<")
    return "&lt;"
    else if (match==">")
    return "&gt;"
    else if (match=="\"")
    return "&quot;"
    else if (match=="'")
    return "&#039;"
    else if (match=="&")
    return "&amp;"
    }
    //]]>
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    //Character count script
    function countit(what){
    formcontent=what.form.charcount.value
    what.form.displaycount.value=formcontent.length
    }
    //]]>
    </script>
    <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
    </script><script type="text/javascript">
    if (window.jstiming) window.jstiming.load.tick('headEnd');
    </script>
    <form>
    <p><font color='#6B828E' face='Arial, Helvetica, sans-serif' size='2'><img alt='Html character encoder' height='225' src='http://4.bp.blogspot.com/-ZMBAco9O9fQ/UMRUYeG-9xI/AAAAAAAAEA8/VonzG0kN2ck/s1600/guide-code-namkna-blogspot-com.png' width='478'/>
    </font></p>
    <p>
    <font color='#6B828E' face='Arial, Helvetica, sans-serif' size='2'>
    <textarea name='data1' style='width: 622px; height: 254px;overflow:hidden; background-image:url(&#39;http://2.bp.blogspot.com/-jwvqr3i2n8w/UMRSngBkPtI/AAAAAAAAEAk/W65bekapSEw/s1600/bg-code-namkna-blogspot-com.jpg&#39;); background-repeat:no-repeat; padding:10px'></textarea>
    </font></p>
    <p align=''><font color='#6B828E' face='Arial, Helvetica, sans-serif' size='2'><br/>
    <input class='abt2' name='button' onClick='html2entities(this.form.data1)' onMouseOut='this.className=&#39;abt2&#39;' onMouseOver='this.className=&#39;abt2 abt2hov&#39;' type='button' value='Convert'/>
    <input class='abt3' name='Clear' onMouseOut='this.className=&#39;abt3&#39;' onMouseOver='this.className=&#39;abt3 abt3hov&#39;' type='reset' value='  Clear  '/>
    </font></p>
    </form>
    

    - Lưu lại là OK.

    (namkna.blogspot.com)


    Nhắn tin cho tác giả
    Nguyễn Tuấn Anh @ 19:34 27/08/2013
    Số lượt xem: 8321
    Số lượt thích: 1 người (Hoài Thu)
    No_avatar

    Theo dõi ad ko thiếu bài nào 

    đã thử cho blog của minh thấy rất ok

    Chúc Ad luôn thành công

    sapa bus booking  

    Tour hà giang sapa 

    vé tàu lài cai 

    vé tàu chapa express train 

    Giá vé xe limousine sapa 

     
    Gửi ý kiến

    HIỀN TÀI LÀ NGUYÊN KHÍ QUỐC GIA !