CSS Tổng Hợp Các Code Dark Mode Cho Blogspot

  • ITCNTT Xin Chào Bạn -_- Khách
    Xin Chào Khách ! Đăng ký hoặc Đăng nhập Để tài vô vàn tài nguyên vip của chúng tôi Click Here
    Tài Nguyên Vip Của Chúng Tôi Đang Được Free Download Click Here Vip.
    Khách bạn hãy like fanpage để nhận thông báo dữ liệu mới nhất Click Here.
    Quan trọng! Tất cả phần mềm, khóa học, tài liệu, windows, game đều được chia sẻ miễn phí download.
    Nếu có vấn đề gì Khách hãy liên hệ cho chúng tôi Liên Hệ

Dương Hoài Nam

Administrator
Thành viên BQT
Administrator
BQT
30/5/18
1,702
28
48
Hà Nội
itcntt.com
#1
Hello anh em ! Hôm nay rảnh không có việc gì làm nên ngồi tổng hợp cho anh em các code Dark Mode cho Blogspot nhé anh em
1 : CODE DARK MODE BUTTON :
Bước 1: Đăng nhập Blogger -> Mẫu -> Chỉnh sửa HTML tìm đến thẻ ]]></b:skin> và dán CSS sau lên trên:

CSS:
/*code dark mode ttit */.nightmode {
background:#000;
color:#fff
}

button {
padding:10px;
width:100%;
border:0;
color:#fff;
text-transform:uppercase;
background:#66689c
}
Bước 2: Bạn tìm đến thẻ đóng </body> và dán đoạn code sau lên trên:
CSS:
<script>
//<![CDATA[
$(document).ready(function(){
    $("button.tombol-nightmode").click(function(){
        $("body").toggleClass('nightmode');
    });
});
//]]>
</script>
Bước 3: Dán đoạn code sau vào chỗ muốn hiển thị:
CSS:
<button class="tombol-nightmode">Chế độ ban đêm</button>
2 : CODE AUTO DARK MODE :
Bước 1:
Đăng nhập Blogger -> Mẫu -> Chỉnh sửa HTML tìm đến thẻ </body> và dán CSS sau lên trên:
CSS:
<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>
- Đổi 20 thành giờ bạn muốn hoạt động
Xem thêm
 

Fanpage Diễn Đàn ITCNTT.COM

Group Diễn Đàn ITCNTT.COM