Cara gampang memasang tombol night mode di blogger

Cara gampang memasang tombol night mode di blogger

Beberapa hari yang lalu memasang widget keren neh yang berjulukan tombol night mode dimana visitor mampu mengubah background blog menjadi warna gelap semoga mata tidak sakit dikala membaca artikel di postingan blogspot.

Nah hari ini aku mau kasih tips mengenai itu, yaitu 'bagaimana cara memasang tombol night mode diblogger' mari kita pasang diblog teman masing masing.

langkahnya masih sama ibarat biasanya sob, Sobat tinggal taruh Kode CSS ini ditemplate blog masing masing.

Silahkan paste aba-aba dibawah ini sempurna diatas </style> atau </head> pada template sobat.

<style> /* CSS Night Mode ketika tombol di Klik */ .nightmode {     background:#2E3138;     color:#fff; } /* CSS Tambahan untuk Elemen lain */ .nightmode div {  } </style>

Kode diatas akan merubah warna background blog sobat, jika mau yang lainya silahkan teman tambahkan tag untuk widget lainya.

Kemudian pastekan aba-aba dibawah ini sempurna di atas </body>

<script> //<![CDATA[ $(document).ready(function(){     $("button.tombol-nightmode").click(function(){         $("body").toggleClass('nightmode');     }); }); //]]> </script>

Kode diatas yaitu javascript untuk memproses perintah dari tombol night mode tadi, Sekarang teman mampu eksklusif memasang tombolnya terserah dimana mau teman letakan, Bisa didalam postingan , Sidebar, Footer , Atau bab Navigasi menu yang ada diblog teman berikut kodenya, Eh tapi jika mau dipasang di Widget HTML Blogger juga bisa.

<button class="tombol-nightmode">Night Mode</button><br />

Oke cukup sekian dan terimakasih sudah mau mampir diblog sederhana ini, Semoga mengerti dan dapat dipahami.

Salam Rampok \m/

Tweet