Cara Menciptakan Tombol Mode Gelap Di Blog Begini Cara Buatnya


Berjumpa kembali bersama aku Duniamu38, dari banyak masalah yang sudah banyak dipertanyakan di groub-groub facebook ihwal gimana kak cara ngasih mode gelap di blog, cara menambahi mode gelap di blog, cara pasang mode gelap, masih banyak lagi yang perlu dipertanyakan oleh para teman-teman di groub. Karena bila website dengan adanya mode gelap ini orang melihat itu tidak membuat silau atau sakit mata, oleh alasannya itu para developer mulai mengembangkan script blog  ini dengan tampilan mode gelap.

Adapun cara ini saya pelajari dari blog Arlinadzgn disitu dishare dan dijelaskan secara gamblang oleh adminnya, banyak banget tutorial tentang blog, cara pasang tombol ke atas, cara berguru seo dan cara-cara yang lain masih banyak lagi, artikel yang sangat bermanfaat berdasarkan aku, okeh itu sedikit prolog dari aku.

Oke pribadi saja sahabat-teman yang baik hatinya

Caranya sebagai berikut :

Pertama silahkan kalian Klik Menu Thema > Setelah klik Edit Html > selanjutnya Tempel script dibawah ini sempurna sebelum atau diatasnya script ini   pada template blog teman.


Berikut scriptnya :


Night Mode


Langkah Selanjutnya silahkan Tempel aba-aba html dibawah ini sebelum isyarat di blog teman


Catatan Penting !!

Berikut ialah catatan penting mengenai Class / Id sesuai Template Sobat. Makara kalian silahkan ganti Class atau id didalam template teman, jikalau di template sobat menggunakan Class atau id contoh seperti ini

Berikut Scriptnya (Warna Merah script diatas sebelum head itu) :


.nightmode .headerbackground:#222
.nightmode .titlecolor:#fff

Selanjutkan Ganti Juga Kode css dibawah ini yang ada didalam script awal itu untuk memilih posisi letak Tombol Night Mode tersebut :

Berikut Kode Scriptnya (Warna Biru diatas aba-aba sebelum head itu)


.Switchbtnposition:fixed;text-align:center;display:inline-block;align-items:center;z-index:100;right:20px;top:20px


Oke sobat langkah terakhir silahkan kalian Save Templat sahabat dan liat hasilnya . jangan lupa share jika artikel ini dirasa bermanfaat dan work. Terimakasih

Subscribe to receive free email updates: