Thêm chế độ Đọc ban đêm cho blogspot

Xin chào các bạn! Trong bài viết này mình sẽ hướng dẫn các bạn tích hợp chế độ đọc ban đêm cho blogspot, với tính này khi kích hoạt blog của bạn sẽ chuyển qua màu tối để giúp cân bằng ánh sáng vào ban đêm, giúp người đọc có cảm giác dễ chịu hơn.

Ngay sau đây mình sẽ hướng dẫn các bạn tích hợp.

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:

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

<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ị:

<button class="tombol-nightmode">Chế độ ban đêm</button>

Lưu mẫu lại và xem kết quả!
Nâng cao: Bạn có thể tuỳ chỉnh thêm CSS để đạt được chức năng hơn nữa!
Chúc bạn thành công

728x90

• Twitter
• Facebook
• Google
• Pinterest

Newer Post Older Post

Tác giả: Mộc Gin

Thành công không tự nhiên mà tới - Muốn thành công chúng ta phải nỗ lực không ngừng.

YOU MAY LIKE: