Khanh Blogger

Khanh Blogger

Thêm chế độ ban đêm tự động (Auto Nightmode) cho Blogspot

Có lẽ đã có nhiều bạn biết code này bởi 1 sơ hở không đáng có :3 Thôi thì hôm nay mình share luôn Chế độ ban đêm mà nhiều bạn cứ đúng 21h là vô ib xin mình :v
Sở dĩ mình không share vì nó quá đơn giản, mình nghĩ các bạn tìm hiểu sẽ ra, ban đầu mình chỉ share cho người mình thân thôi. Nhưng sau do chưa kịp mã hóa thì mấy bạn đã vào chôm luôn ! Còn đăng cả stt "Chôm được js ngon từ ....". Chắc nói đến đây cũng vài bạn nhột. Mình cũng đã xóa bài viết vì sợ bạn ấy share lung tung nhưng thôi, bây giờ mình cũng share cho các bạn rồi. Mấy bạn đổi code rồi còn tùy biến các thứ hay nhỉ :v Đi ăn cắp chất xám của người khác các bạn thấy vui nhỉ :v Thà để nguyên class, id chứ đây thay luôn, không xin xỏ, không ý kiến, âm thầm bên em mà lấy, phục các bạn ! Thôi nói ngang đây thôi, chắc cũng nhiều bạn hóng lắm đây, share nào !


Các bước thực hiện Vì nó quá sức đơn giản nên mình muốn các bạn tự viết, ngay cả mình từ thằng không biết gì về JS sau khi cầm cuốn sách tụng 5 ngày cũng biết được vài thứ cơ bản và viết ra đoạn JS siêu đơn giản này ! (Chèn ở trên thẻ đóng </body>)

<script type="text/javascript" date="get-now">
now = new Date ;
gio = now.getHours();
if (gio >=20) {
document.write ("<style>body {background: #171c25!important}</style>")
}
</script>
Mấy bạn nhìn kĩ đi, nhìn kĩ vào :3 Có 5 dòng à :3
Đoạn code trên là nó sẽ hoạt động từ 20 giờ đến 0 giờ hôm sau. Các bạn có thể chỉnh theo ý thích số màu xanh ở trên.
Còn riêng phần CSS màu đỏ thì mình đã viết chỉ riêng màu nền blog màu đen, vì tùy theo cấu trúc của mỗi theme nên các bạn có thể thay dòng màu đỏ thành CSS phù hợp để blog bạn được "lên đèn" đẹp nhất vào buổi tối ! Không biết CSS thì cứ để dòng màu đỏ thế cũng được nó cũng tối rồi :v

Xong rồi đấy, mình nghĩ các bạn cũng thõa mản rồi :v Chúc blog các bạn sẽ thật rực rỡ, lung linh, huyền ảo vào mỗi buổi tối !


Bình luận

  1. Trả lời
    1. Bài rất hay anh
      LK em đi

      Xóa
    2. anh đang lọc lk có gì mai hoặc mốt anh đặt nha ! chứ h thêm là ko lọc đc :v

      Xóa
  2. Nếu thêm màu tối vào phần bài viết ngoài homepage thì làm sao vậy anh ?

    Trả lờiXóa
    Trả lời
    1. Nó y hệt như khi e viết css cho mấy phần đó thôi, post thì tìm class hoặc id tương ứng rồi set background tối cho nó là đc.
      Ví dụ: .post{background:#000}

      Xóa
  3. sao bác kiu phần này mã hoá rồi

    Trả lờiXóa
    Trả lời
    1. bác đọc hết bài viết chưa thế =.=

      Xóa
  4. Mai tối test h muộn rồi bấy bỳ đăng bài trễ quá

    Trả lờiXóa
  5. phàn JS này bị lỗi nha ae!! có gì mai Khanh edit lại nhé :3

    Trả lờiXóa
    Trả lời
    1. A đang dùng mà, lỗi gì đâu :v

      Xóa
    2. lỗi 1 tí a :v edit lại r :v

      Xóa
    3. À ừ, cái kia thì phải mã hóa rồi vì nó k cho để kiểu <> trong đó mà.

      Xóa
  6. Ngon. Đang xài ngon lành cành đào trên bacsiwindows.com :3

    Trả lờiXóa
  7. Còn gì tuyệt hơn anh nhỉ :v

    Trả lờiXóa
  8. Để lấy về Blog a xài thử thế nào!

    Trả lờiXóa
    Trả lời
    1. Ôi mà comment xong thấy chữ Niệm đẹp trai thích ghê <3

      Xóa
    2. Về áp dụng bên blog a nó ko chạy đc @@

      Xóa
    3. e ms fix lại code, a cập nhật lại giúp e nha :v

      Xóa
  9. Trả lời
    1. tui ms cập nhật code, ông vào cop lại code trên giúp tui nha :v

      Xóa
  10. Bữa nào rảnh thì chỉnh lại phân trang đi khanh, phân trang đánh số nhìn ko hợp theme fb cho lắm

    Trả lờiXóa
  11. đã fix lỗi. mn cop lại code nha !

    Trả lờiXóa
    Trả lời
    1. bạn mã hóa cái "<=" là đc nhé bạn :3

      Xóa
    2. cập nhật lại code r, e cop lại trên bài viết nha

      Xóa
  12. Khanh đang thi nên k onl đc máy tính, mn dùng code đã fixed sau xem đc k nhé.
    <script type="text/javascript" date="get-now">
    now = new Date ;
    gio = now.getHours();
    if (21< gio&&gio <4) {
    document.write ("<style>body {background: #171c25!important}</style>")
    }
    </script>

    Trả lờiXóa
    Trả lời
    1. if (21< gio&&gio <4) {
      Phần đó anh có mã hóa lại ko, đáng lí ra là:
      if (21< gio&&gio <4) {
      Em góp ý vậy thui, chắc sai mất rồi @@

      Xóa
    2. sao góp ý mà đoạn code nó vẫn giống nhau thế baby

      Xóa
    3. @@ lộn :v mã hóa code trước rồi :3

      Xóa
    4. đã cập nhật code nhe Tính

      Xóa
    5. Cái này khanh đưa a nên a k rõ nha tính :v

      Xóa
  13. xrr mn ng. mik đã fix part2 :3 h chắc chắn đc mn vào xem lại code nhé !

    Trả lờiXóa
  14. Cái chỗ mà viết gì đó cho tôi chuyển thành khung bình luận như phía dưới này nè đc ko Khanh?

    Trả lờiXóa
    Trả lời
    1. cũng là ý tưởng :v cơ mà nó thô quá :v

      Xóa
  15. Dạo này ít thủ thuật quá :((

    Trả lờiXóa
  16. Thanh menu trên đt đâu r a nhỉ

    Trả lờiXóa
  17. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  18. Bài viết rất hữu ích <3 =))

    Trả lờiXóa
  19. Cái này cần phải có kiến thức cơ bản về CSS mới làm dễ

    Trả lờiXóa
  20. lm sao để xóa đoạn code chống chuột phải trên template đó nhỉ , ae giúp với

    Trả lờiXóa
    Trả lời
    1. sr mih chat nhầm , ad xóa giúp cmt này

      Xóa
    2. Admin xoá cơm men giúp bạn đi kìa Admin :v

      Xóa
  21. Trả lời
    1. phải nói là BSW giống tui chứ :3 BSW xài code tui mak

      Xóa
  22. đỉnh quá. nó như cài host ý hihi

    Trả lờiXóa

XEM NHIỀU TRONG TUẦN

Bạn có thể quan tâm