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

QPVN

Thi Toán Violympic, IOE

Violympic OlympicTrạng nguyên Tiếng việtChơi cờ Vua Cờ Tướng

Máy tính bỏ túi

TÀI NGUYÊN - TRI THỨC

Thời tiết 3 miền - Tỉ giá

Hà Nội
Huế
TP HCM

LỊCH HÔM NAY

Liên kết Web GD

Web Bộ Ngành-Báo Chí

Liên kết Web Tổng hợp

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

QPVN

Tin Báo mới

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

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

Ảnh ngẫu nhiên

Caronghuyetlong.jpg Thit_bo.jpg A1.jpg Mr_627403_6184a449cdc2167b.jpg Du_lich_2.gif XonxaonhungthuongbimuabansieucaytientycuadaigiaViet1462074889img_77231519140572width650height439.jpg 228949.mp3 192561.mp3 Lk_Slow_Thu_Yeu_Thuong_Love_St__Various_Artists_NhacPronet.mp3 Trangngoc1.gif Anh_1_2.JPG NKLTTC.mp3 NKL.mp3 NKL.mp3 NKL.mp3 NKL_Mai_truong_my.mp3 NKL_La_thu.mp3 NKL_BAI_CA_NGV.mp3 Nhac_nen_du_thi_ke_chuyen_ve_Bac.mp3 Cay_canh.jpg

Điều tra ý kiến

Bạn thấy trang này như thế nào?
Đẹp
Bình thường
Đơn điệu
Ý kiến khác

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ị trường > 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: 2206
    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 !