Pelanggan saya juga banyak yang meminta ubahkan posisi pop up widget ini. Oleh sebab itu, berikut saya berikan solusinya.
Cara Pindah Posisi Pop Up Dark Mode
Tebalkan judul widget template Median UI v1.7 agar pengunjung lebih fokus, begini caranya:
- Buka Dashboard Blogger
- Klik Tema
- Tekan icon Segitiga Terbalik
- Pilih Edit HTML
- Lalu cari kode
.setI:checked ~ .settB .iSett, .darkI:checked ~ .settB .iTheme, .bookI:checked ~ .settB .iBook, .setI:checked ~ .section .st.fc::after, .darkI:checked ~ .section .dc.fc::after, .bookI:checked ~ .section .bc.fc::after, .setI:checked ~ .darkI:checked ~ .section .dc.fc::after, .setI:checked ~ .bookI:checked ~ .section .bc.fc::after{opacity:1;visibility:visible}
- Ubah menjadi seperti ini
.setI:checked ~ .settB .iSett, .darkI:checked ~ .settB .iTheme, .bookI:checked ~ .settB .iBook, .setI:checked ~ .section .st.fc::after, .darkI:checked ~ .section .dc.fc::after, .bookI:checked ~ .section .bc.fc::after, .setI:checked ~ .darkI:checked ~ .section .dc.fc::after, .setI:checked ~ .bookI:checked ~ .section .bc.fc::after{opacity:1;visibility:visible;top:30px}
- Simpan Tema
- Selesai
Keterangan
top:30px adalah kode untuk menambahkan jarak bagian atas agar widget yang muncul setelah menekan tombol Dark Mode ke bawah dan tidak menutupi tombol Dark Mode itu sendiri.
Setelah menambahkan kode ini, diharapkan pengunjung tidak bingung lagi cara untuk menutup fitur Dark Mode nya.
Pada dasarnya, tanpa tombol Dark Mode sebenarnya pop up tersebut bisa ditutup hanya dengan mengklik sembarangan ke daerah di luar pop up.
Namun tanpa adanya arahan dari pemilik blog, belum tentu semua pengunjung tahu caranya. Makanya tutorial di atas bisa meminimalisir kebingungan user yang bisa saja terjadi.
