Cara merubah halaman blogger menjadi dark mode

Fitur ini telah banyak digunakan di berbagai template ,dengan keberagaman template dengen memakai fitur dark mode ini akan otomatis lebih keren dari template biasanya , untuk tahu cara membuat fitur dark mode ini simak dibawah ini.

Raksasa google juga memakai fitur ini di salah satu halaman website nya bertujuan untuk membuat nyaman para pengunjungnya, dark mode ialah menu switch jika di click pada bagian halaman ataulun semua kelengkapan template akan berubah menjadi dark atau hitam ,fitur ini sangat cocok untuk pembaca malam karena tidak terlalu terlalu diganggu dengan kontras cahaya handphone ketika membaca dengan fitur ini akan mengurangi daya kontras tersebut.

Cara untuk membuat fitur darkmode ini sebenarnya gampang, jika kalian ingin menggunakan dikeseluruhan maka simpen codingan tersebut di bagian tema / edit html.

Cara membuat DARKMODE

Untuk alat bisa kalian praktekan langsung di blogger kalian.

Copy codingan dibawah ini.

Dark mode

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  padding: 25px;
  background-color: white;
  color: black;
  font-size: 25px;
}

.dark-mode {
  background-color: black;
  color: white;
}
</style>
</head>
<body>

<h2>Toggle Dark/Light Mode</h2>
<p>Click the button to toggle between dark and light mode for this page.</p>
<hr>
<button onclick="myFunction()">Toggle dark mode</button>
<p>powered™ Entaz.my.id</p>
<hr>

<script>
function myFunction() {
   var element = document.body;
   element.classList.toggle("dark-mode");
}
</script>

</body>
</html>

Nah silahkan langsung paste kan ke halaman yang ingin dirubah dark mode nya, untuk demo nya silahkan cek dibawah ini.

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_toggle_dark_mode

Selesai , itulah cara menambahkan fitur dark mode agar merubah halaman menjadi gelap,sangat mudah kan bila ingin merubah keselurahan kalian cukup paste codingan tersebut di bagian tema kalian atau intinya ,perlu diingat penempatan harus benar jangan sampe ada yana kesalahan.