Share Code Dark Mode Cho Blogspot - Phố Nhỏ Blog

Cùng Chuyên Mục

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