all in one

all in one

Cara Membuat Night Mode di Blogger dengan Cookie

</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>
</head>
<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:&quot;&quot;;width:50%;height:100%}
.togglenight-switch + .togglenight-btn{background:#d5d2fc;border-radius:99em;transition:all .4s ease}
.togglenight-switch + .togglenight-btn:after{content:&#39;&#39;;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:&#39;&#39;;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>
.class-baru.nightmode
.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}
Subscribe Our Newsletter
Download XMag Premium Blogger Template, Without Footer Credit

Download XMag Premium Blogger Template, Without Footer Credit

https://blogranktop.blogspot.com xmag theme

X-Mag Blogger Template is an outstanding blogger template of Sora Templates.

Sora Templates is a top leading brand of blogger theme.Sora Templates   company provides every temples two version.
One is for free,another is paid version of that theme.

  Why you will use XMag Premium Blogger Template:
       X-Mag is very simple,clean body,responsive desing theme for blogger/blogspot.com which offered by Google.
X-Mag is suitable for Megazine,Personal blog,Technology blog,News blog.Because of X-Mag's responsive design.That's why this template load very quick on any device.Otherhand its outlook is very standard and appropriate for all types of user.
Special things are its seo ready,Ads ready,footer 3 colum,fast loading,appropriate for every blogging,social widget and so on.

Platform
Blogger
Responsive
Yes
Mobile Friendly
Yes
Free Template ( buy Premium )
Yes 
Website optimization friendly
Yes
Portable friendly
Yes
Schema
Yes
Adsense advertisements support
Yes
Coloum
2
Related posts widget
Yes
Search Box
Yes
Sticky Navigation
Yes
Featured Slider
Yes
Custom contact form
Yes
Responsive design
Yes
Responsive route bar
Yes
Thumbnail with perusing more
Yes
Social sharing button
Yes
Internet searcher optimization
Yes
Footer widget
Yes


My provided template is have premium feature.There have no fotter credit of Sora Templates.

Demo of XMag Blogger Template



Demo
View Now


Download XMag blogger template



Download
Download Now