Tạo hiệu ứng sáng/tối cho blogger

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 !

Share this post

La Ngọc Hưng

Chào các bạn đến với blog truyện tổng hợp của mình nhé !

Facebook

WhatsApp

Instagram

Subscribe Our Newsletter

Posting Terkait