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ệnVì 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 !

Farhamdani

Sharing insights on tech, blogging, and passive income. Follow for more at farhamdani.eu.org!

75 Comments

Drop your comments, but make sure they’re related to the discussion!

I'd be grateful if you could read the Commenting Rules on this blog before posting a comment.

  1. 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 ?

    ReplyDelete
    Replies
    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}

      Delete
  2. sao bác kiu phần này mã hoá rồi

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

    ReplyDelete
  4. phàn JS này bị lỗi nha ae!! có gì mai Khanh edit lại nhé :3

    ReplyDelete
    Replies
    1. A đang dùng mà, lỗi gì đâu :v

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

      Delete
  5. Ngon. Đang xài ngon lành cành đào trên bacsiwindows.com :3

    ReplyDelete
  6. Còn gì tuyệt hơn anh nhỉ :v

    ReplyDelete
  7. Để lấy về Blog a xài thử thế nào!

    ReplyDelete
    Replies
    1. Ôi mà comment xong thấy chữ Niệm đẹp trai thích ghê <3

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

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

      Delete
  8. Replies
    1. tui ms cập nhật code, ông vào cop lại code trên giúp tui nha :v

      Delete
  9. 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

    ReplyDelete
  10. 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>

    ReplyDelete
    Replies
    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 @@

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

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

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

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

    ReplyDelete
  12. 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?

    ReplyDelete
  13. Thanh menu trên đt đâu r a nhỉ

    ReplyDelete
  14. Nhận xét này đã bị quản trị viên blog xóa.

    ReplyDelete
  15. Cái này cần phải có kiến thức cơ bản về CSS mới làm dễ

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

    ReplyDelete
    Replies
    1. sr mih chat nhầm , ad xóa giúp cmt này

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

      Delete
Post a Comment
Previous Post Next Post