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à...

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 !

COMENTÁRIOS

BLOGGER: 83
  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 ?

    ResponderExcluir
    Respostas
    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}

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

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

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

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

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

      Excluir
  7. 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

    ResponderExcluir
  8. 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>

    ResponderExcluir
    Respostas
    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 @@

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

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

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

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

    ResponderExcluir
  10. 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?

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

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

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

    ResponderExcluir

+DESTAQUES_$type=sticky$count=4$cate=1$icon=1

Nome

bfg,1,Blogspot,19,BUY,1,event,1,Liên kết,2,sale_off,1,Stt,7,Template-blogger,4,Tips,15,x9ntp,1,
ltr
item
Facebook: Thêm chế độ ban đêm tự động (Auto Nightmode) cho Blogspot
Thêm chế độ ban đêm tự động (Auto Nightmode) cho Blogspot
https://1.bp.blogspot.com/-te-ufw9iLZE/WjFGVidU5II/AAAAAAAAB20/l0XgZFpXNLMSd9L6dbLTzv1L5dOnlzpjACLcBGAs/s640/che%2Bdo%2Bban%2Bdem%2B-%2BtrongkhanhnguyenCom.PNG
https://1.bp.blogspot.com/-te-ufw9iLZE/WjFGVidU5II/AAAAAAAAB20/l0XgZFpXNLMSd9L6dbLTzv1L5dOnlzpjACLcBGAs/s72-c/che%2Bdo%2Bban%2Bdem%2B-%2BtrongkhanhnguyenCom.PNG
Facebook
https://facebookccb.blogspot.com/2017/12/them-che-o-ban-em-tu-ong-auto-nightmode.html
https://facebookccb.blogspot.com/
https://facebookccb.blogspot.com/
https://facebookccb.blogspot.com/2017/12/them-che-o-ban-em-tu-ong-auto-nightmode.html
true
1378067294130704534
UTF-8
Carregar mais postagens Não encontrado VER MAIS Ver mais Responder Cancel reply Deletar Por INÍCIO PÁGINAS POSTAGENS Ver Todos RELACIONADOS TÓPICOS ARQUIVOS PROCURAR TODAS AS POSTAGENS Not found any post match with your request VOLTAR PRO INÍCIO Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Quar Qui Sex Sab Janeiro Feveveiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez Agora pouco 1 minuto atrás $$1$$ minutos atrás 1 hora atrás $$1$$ horas atrás Ontem $$1$$ dias atrás $$1$$ semana atrás mais de 5 semana atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content