Cara Memasang Fitur Tema Default Sistem Pada Blogger
Blogger WidgetHallo Teman - teman ketemu lagi di Sudar Cell pada kesempatan kali ini saya akan share tutorial kepada kalian semua yang mana bisa bermanfaat bagi kalian.
Tutorial ini tentu masih berhubungan dengan Desaign Web yang mana yang hobi oprek template agar berbeda dengan yang lain. Cara Menambahkan Fitur Tema Deafult System Blogger adalah tutorial yang akan saya share pada kesempatan kali ini.
Apa ada yang tau mengenai maksud judul tersebut.
Maksudnya itu adalah dalam ponsel android atau lainnya ada tema Dark dan Light nah fungsi dari fitur ini adalah blog bisa mengikuti sesuai system yang dipakai.
Misalnya aja ketika ponsel kamu menggunakan Dark maka blog akan otomatis menyesuikan dengan menjadi Dark.
Pada template Kutoko sudah mempunyai fitur ini oleh karena itu saya akan share kepada kalian semua. Tanpa basa - basi kalian bisa lamgsung aja ikuti langakah - langkah berikut ini.
Cara Memasang Fitur Tema Default Sistem Pada Blogger
- Langkah pertama buka Blogger
- Kemudian pilih menu Tema
- Pilih menu edit HTML
- Cari Kode </head> masukkan kode berikut ini
<meta content='light dark' name='color-scheme'/>
- Setelah itu cari kode </body> masukan kode javascript berikut ini tepat diatasnya
<script>/*<![CDATA[*//* Switch to system default theme */ const prefersDark = window.matchMedia('(prefers-color-scheme: dark)');toggleDarkTheme(prefersDark.matches);prefersDark.addListener((mediaQuery) => toggleDarkTheme(mediaQuery.matches));function toggleDarkTheme(shouldAdd) { document.body.classList.toggle('drK', shouldAdd);}/*]]>*/</script>
Setelah cara diatas selesai semua maka kalian tinggal Save Kemudian lihat hasilnya.
Cara Memasang Fitur Tema Default Sistem Di IMagz
- Langkah pertama buka Blogger
- Kemudian pilih menu Tema
- Pilih menu edit HTML
- Cari Kode </head> masukkan kode berikut ini
<meta content='light dark' name='color-scheme'/>
- Setelah itu cari kode </body> masukan kode javascript berikut ini tepat diatasnya
<script>/*<![CDATA[*//* Switch to system default theme */ const prefersDark = window.matchMedia('(prefers-color-scheme: dark)');toggleDarkTheme(prefersDark.matches);prefersDark.addListener((mediaQuery) => toggleDarkTheme(mediaQuery.matches));function toggleDarkTheme(shouldAdd) { document.body.classList.toggle('drK', shouldAdd);}/*]]>*/</script>
Cara Memasang Fitur Tema Default Sistem Di Median UI
Bagi yang menggunakan template Median UI dan ingin menggunakan fitur ini bisa ikuti caranya berikut ini
- Langkah pertama buka Blogger
- Kemudian pilih menu Tema
- Pilih menu edit HTML
- Cari Kode </head> masukkan kode berikut ini
<meta content='light dark' name='color-scheme'/>
- Setelah itu cari kode </body> masukan kode javascript berikut ini tepat diatasnya
<script>/*<![CDATA[*//* Switch to system default theme */ const prefersDark = window.matchMedia('(prefers-color-scheme: dark)');toggleDarkTheme(prefersDark.matches);prefersDark.addListener((mediaQuery) => toggleDarkTheme(mediaQuery.matches));function toggleDarkTheme(shouldAdd) { document.body.classList.toggle('drK', shouldAdd);}/*]]>*/</script>
Ganti Kode Tersebut drK Dengan class Milik kamu.
Akhir Kata
Itulah untuk tutorial Cara Membuat Fitur Tema Default System Blogger apabila ada pertanyaan langsung aja dikolom komentar.
Untuk demonya kalian bisa lihat melalui blog ini langsung karena sudah saya terapkan pada blog ini.