Beranda › Blogspot › Tips

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

Xem bình luận Chỉnh sửa bài viết

Rabu, 13 Desember 2017

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 !

Bài viết của bạn được xem như một đề xuất cho bài viết của chúng tôi. Mẫu bài viết bạn đang chỉnh sửa sẽ được chúng tôi xem xét và update lên blog nếu nó hoàn hảo !

CHỈNH SỬA BÀI VIẾT
----------------------------------------
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<br />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 !<br /><a name='more'></a><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVsp3NokkLOp_jqfg4T9lHO8y9lXyS5pwzhw0qXx5ZMY_6IHKr1-9V4NSa3TeTXHLw_Hnc3b3NNjodSsb_Ty2R835K-fuqmPucuwoJopYCMUzJC4FtxHF52fIiqj-J7ahNYJgjs3NFw0/s1600/che+do+ban+dem+-+trongkhanhnguyenCom.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1582" height="364" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVsp3NokkLOp_jqfg4T9lHO8y9lXyS5pwzhw0qXx5ZMY_6IHKr1-9V4NSa3TeTXHLw_Hnc3b3NNjodSsb_Ty2R835K-fuqmPucuwoJopYCMUzJC4FtxHF52fIiqj-J7ahNYJgjs3NFw0/s640/che+do+ban+dem+-+trongkhanhnguyenCom.PNG" width="640" /></a></div><br /><h8>Các bước thực hiện</h8>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 <i></body></i>)<br /><br /><blockquote class="tr_bq"><script type="text/javascript" date="get-now"><br />now = new Date ;<br />gio = now.getHours();<br />if (gio >=20) {<br />document.write ("<style><span style="color: red;">body {background: #171c25!important}</span></style>")<br />}<br /></script></blockquote><div>Mấy bạn nhìn kĩ đi, nhìn kĩ vào :3 Có 5 dòng à :3<br />Đ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.<br />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<br /><br />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 !<br /><br /></div>