Thông báo khi người dùng tắt Javascript của trình duyệt

Trên trang của bạn có thể sẽ có một vài tiện ích sử dụng Javascript để chạy. Tuy nhiên một vài vị khách có thể vô tình hoặc cố ý tắt Javascript cuả trình duyệt, điều này làm cho trang của bạn không hiện thị tốt và khiến cho một vài tiện ích Javacript không chạy. Để khắc phục điều này thì chúng ta sẽ tạo một hộp thoại thông báo hoặc một thanh thông báo hiện thị nội dung yêu cầu người dùng bật Javascipt.
Noscript

Thông báo khi người dùng tắt Javascript

Chúng ta sẽ sử dụng cặp thẻ noscript để làm điều này, khi Javascript bị tắt thì những nội dung trong cặp thẻ noscript sẽ được hiển thị.
1. Đăng nhập Blogger
2. Mẫu > Chỉnh sửa HTML
3. Tìm thẻ <body> hoặc <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
4. Dán code dưới vào dưới thẻ mà bạn vừa tìm
<!--http://khanh98.blogspot.com/2015/08/thong-bao-khi-nguoi-dung-tat-javascript.html-->

<noscript>
  <style type="text/css">
    /* http://khanh98.blogspot.com/2015/08/thong-bao-khi-nguoi-dung-tat-javascript.html
 */
#bloggernotificationWrap{
    margin: 0;
    padding: 0;
    position: fixed;
    left:01px;
    right:01px;
    top:01px;
    z-index: 999999;
    width: 100%;
    height: 28px;
}
#bloggernotification {
    width: 100%;
    line-height: 28px;
    margin: 0px;
    text-align: center;
    background:#2E2F2E;
    position: relative;
    box-shadow:0px 1px 3px #666;
    z-index: 9998;
    text-decoration: none;
    color: #cccccc;
    font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    border-bottom:2px solid #fff;
}
  </style>
  <div  id='bloggernotificationWrap' style='display: block; margin-top: 0px;'>
    <div id='bloggernotification'>
Hãy bật Javascript lên để Blog có thể hiện thị tốt nhất
    </div></div>
  <br/><br/>
</noscript>
5. Lưu mẫu lại.
Bây giờ bạn thử tắt Javascript trên trình duyệt rồi tải lại blog của bạn thì thanh thông báo sẽ hiện ra.

Comments

  1. thêm vào chỉ tổ nặng temp chứ hiệu quả gần như bằng không!

    ReplyDelete
    Replies
    1. Sao lại bằng không. Nói như bạn thì thẻ <noscript> là thừa

      Delete
  2. Khánh cho xin cái code widget 3 tr0ng 1 (POPULAR-LABEL-ARSIP) nha!
    (^_^)

    ReplyDelete
    Replies
    1. Người ta hay gọi nó là multi tab widget, mình có một vài mẫu ở đây:
      http://khanh98.blogspot.com/search/label/multi%20tab%20wiget

      Delete
  3. Chỉ tôi tạo cái blog như trang backlink nha khánh!
    Tôi có 1 nhóm trên fb, mún tạo 1 blog để mấy ace cùng đăng bài á!
    Rãnh thì hướng dẫn dùm nha!

    ReplyDelete
    Replies
    1. Cái đó bạn có thể tham khảo tại :
      http://www.kslzone.net/2015/01/tao-form-dang-bai-len-blogger.html
      Nó cũng khá là rắc rối đấy

      Delete
  4. Bạn có thể làm cho danh sách bài viết của 1 blog thông thường giống như blog view mosaic ko?
    Giống như thế này: http://blog-truyen-cuoi.blogspot.com/?view=mosaic
    nếu dc thì post bài đển mọi người xem nha! ^_^

    ReplyDelete
  5. Blog động - thấy nó lắt quá, nên dùng blog tĩnh, thấy cái dạng trang chủ của mẫu động Mosaic đẹp wa, ko biết làm từ blog tĩnh lên dc ko?

    ReplyDelete
    Replies
    1. Làm được, nhưng mà phức tạp lắm. Thực sự là không đơn giản

      Delete

Post a Comment



» Vui lòng không spam vì nó sẽ bị xóa ngay sau đó.
» Nếu chèn code hãy mã hóa trước khi chèn vào nhận xét.
» Nếu thủ thuật Blog không áp dụng được thì hãy để lại URL blog để mình tiện kiểm tra.