Cara menambahkan tombol dark mode di blog, mudah kok!!

Untuk memberikan kenyamanan kepada pengunjung dalam membaca postingan blog, fitur blog dalam hal desain yang berpengaruh kuat adalah tombol dark mode atau mode gelap. Dimana fitur ini berguna untuk menguah tampilan atau tema pada blog menjadi gelap sehingga pencahayaan menjadi berkurang.

Seperti yang kita ketahui, waktu rata-rata pengguna internet mengakses dunia maya yaitu pada malam hari. Itulah sebabnya fitur dark mode atau mode gelap diperlukan untuk mengurangi beban cahaya pada mata, situs-situs lain seperti twitter, youtube pun menambahkan fitur ini karena memahami bagaimana ramainya pengguna internet mengakses pada malam hari sebelum mereka pergi tidur.

Untuk itu TutorialnyaPAS juga menggunakan fitur dark mode atau mode gelap.
penampakannya seperti dibawah ini



Cara menambahkan tombol dark mode di blog

Jika ingin menambahkan tombol on/off dark mode atau mode gelap pada blog kita, berikut langkah-langkah yang cukup mudah yang harus kita tempuh.

1. Setelah Log in pada Blogger.com, pilih ke Theme atau Tema untuk merubahnya. Namun sebelumnya backup tema terlebih dahulu.
    pilih Theme > Edit HTML 


2. Kemudian Copy kode CSS berikut, dan Paste kan tepat dibawah ]]></b:skin>

3. Kemudian Copy kode Javascript berikut, dan Paste kan di atas </body>

4. Jika sudah, Lalu kita Save tema yang telah kita modifikasi tadi, dan pindah ke menu Layout atau Tata Letak dan Copy kode HTML berikut

5. Kode HTML diatas adalah tombol untuk On/Off dark mode atau mode gelap, yang kita gunakan untuk mengganti tema normal ke mode gelap. Letakkan kode HTML dimana pun yang kita kehendaki.
   pilih Layout > Add a Gadget > HTML/JavascriptPaste kan kode HTML > Save
 
Untuk check berhasil atau tidaknya kita buka situs blog kita.

Jika fitur tidak bisa di jalankan atau tidak sesuai dengan yang diharapkan, warna tema tak berubah atau tidak semestinya. Perlu di ketahui bahwa setiap template blog memiliki struktur yang berbeda-beda sehingga pengetahuan mengenai kode CSS sangat di butuhkan agar blog kita bisa benar-benar dapat menjalankan fitur ini dengan semestinya.

Terimakasih sudah berkunjung, jika bermanfaat silahkan share dan silahkan tinggalkan komentar jika ada pertanyaan

7 Responses to "Cara menambahkan tombol dark mode di blog, mudah kok!!"

  1. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. Terima kasih, tapi warna blog saya texnya gak keliatan semua

    BalasHapus
    Balasan
    1. Kalo gitu berarti warna tek nya jangan sama bro

      Hapus
  3. kalau untuk varian template layout 2 pass termasuk viomagz, tapi untuk beberapa varian layout 3 harus menambahkan class class baru agar kode ini bisa bekerja.

    BalasHapus
  4. work gan, terimakasih

    BalasHapus
    Balasan
    1. Sama-sama gan, Terimakasih kunjungannya

      Hapus

Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2