Cách tạo chế độ ban đêm trên Blogger bằng Cookie: Chế độ ban đêm là một tính năng nhằm làm cho màn hình tối. Tính năng này thường được tìm thấy trên các thiết bị di động có chức năng Chế độ ban đêm hoặc Chế độ tối có lợi ích tiết kiệm pin sử dụng.
Đối với những người quan tâm đến việc cài đặt tính năng Chế độ ban đêm, vui lòng làm theo các bước dưới đây.
Cách tạo chế độ ban đêm trên Blogger bằng cookie:
Trước tiên mở trang blogger -> Nhấp vào menu Chủ đề và nhấp vào nút Chỉnh sửa HTML -> thêm mã này trước thẻ </body>
<div class='Switchbtn'>
<span class='nightly'>Night Mode</span> <input class='togglenight togglenight-switch' id='nightmode' type='checkbox'/>
<label class='togglenight-btn' for='nightmode'/></div>
<script type='text/javascript'>
//<![CDATA[
// Night Mode
$("#nightmode").click(function(){$("body").toggleClass("nightmode")}),$("body").toggleClass(localStorage.toggled),$("#nightmode").click(function(){"nightmode"!=localStorage.toggled?($("body").toggleClass("nightmode",!0),localStorage.toggled="nightmode"):($("body").toggleClass("nightmode",!1),localStorage.toggled="")});
//]]>
</script>
<style type='text/css'>
/* Night Mode */
.nightly{color:#999;font-size:13px}
.Switchbtn{position:fixed;text-align:center;display:inline-block;align-items:center;z-index:100;right:20px;top:20px}
.togglenight{display:none;}
.togglenight + .togglenight-btn{outline:0;display:inline-block;width:45px;height:10px;position:relative;cursor:pointer;margin-left:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.togglenight + .togglenight-btn:after,.togglenight + .togglenight-btn:before{position:relative;display:block;content:"";width:50%;height:100%}
.togglenight-switch + .togglenight-btn{background:#d5d2fc;border-radius:99em;transition:all .4s ease}
.togglenight-switch + .togglenight-btn:after{content:'';border-radius:100px;background:#887fff;transition:left 0.3s cubic-bezier(0.175,0.885,0.32,1.275),padding 0.3s ease,margin 0.3s ease;position:absolute;width:20px;height:20px;top:-5px;left:0;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}
.togglenight-switch:checked + .togglenight-btn{background:rgba(255,255,255,.15)}
.togglenight:checked + .togglenight-btn:after{content:'';left:55%;background:#ff9f43}
.nightmode{background:#202124;color:rgba(255,255,255,.7)}
.nightmode a{color:rgba(255,255,255,.7)!important}
.nightmode a:hover{color:rgba(255,255,255,.4)!important}
.nightmode .class-baru{}
.nightmode .class-baru{}
</style>
Ví dụ như thế này:
.nightmode .header{background:#222}
.nightmode .title{color:#fff}
dst...
.Switchbtn{position:fixed;text-align:center;display:inline-block;align-items:center;z-index:100;right:20px;top:20px}
Sloty Casino & Slots - MapYRO
ReplyDeleteSloty Casino 고양 출장안마 & Slots - 2021 All You 포천 출장안마 Need to Know 아산 출장마사지 to get 제주도 출장샵 ready for the biggest 태백 출장마사지 online slots, you can enjoy playing from anywhere, anytime, anytime!