Tips Membuat Address bar

Hallo kesempatan kali ini aku akan membagikan Tips Membuat Address bar blog support darkmode atau mode gelap.

tutorial ini di reguest oleh Agus Susanto melalui komentar di salah satu tulisan blog ini seminggu yang lalu, sebab aku menjadi memadai menarik menjadi aku coba membuatnya.

jika kalian menggunakan template buatan jagodesain layaknya median-ui, fletro dan imgaz di versi terbarunya kalian tidak kudu membuat perubahan apapun, tapi kecuali kalian menggunakan template lain maka di perlukan penyesuaian sehingga sanggup bermanfaat 

Tips Membuat Address Bar Support Darkmode

jika kamu menggunakan template berbedah harus laksanakan penyesuaian agar dapat berfungsi, pengetahuan js basic di perlukan di sini

Baca Juga: Cara Membuat Tombol Download Di Blogger

silakan salin script di bawah ini dan tempatkan di atas kode </body> atau <!--</body>--></body> , kecuali sudah jangan lupa untuk klik simpan.

<script>/*<![CDATA[*/ 

/* javascript membawa dampak address bar support darkmode by wongkudus.my.id */

/* pengguna template tak hanya median-ui, fletro, imgaz harus sesuaikan */

var addrsDfClr = '#f89000'; //warna default

var addrsDrClr = '#1e1e1e'; // warna gelap

document.querySelector('.isDrk').addEventListener('click', addrsDrk); // tombol darkmode

document.querySelector('.mD').addEventListener('click', addrsDrk); // tombol darkmode

function addrsDrk() {

    var cekdk = document.querySelector("#mainCont"); // id tag body

    if (cekdk.classList.contains('drK')) punyai class bernama (drK)

         // kecuali ada ubah warnanya       document.querySelector('meta[name="theme-color"]').setAttribute("content", addrsDrClr);       document.querySelector('meta[name="msapplication-navbutton-color"]').setAttribute("content", addrsDrClr);        document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]').setAttribute("content", addrsDrClr);

    } else {

        // kecuali tidak kembalikan ke warna asli      document.querySelector('meta[name="theme-color"]').setAttribute("content", addrsDfClr);

 document.querySelector('meta[name="msapplication-navbutton-color"]').setAttribute("content", addrsDfClr);

        document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]').setAttribute("content", addrsDfClr);

    }

}

addrsDrk();

/*]]>*/</script>

Baca Juga: Cara Membuat Sitemap di blogspot 

ok menjadi sekian langkah membawa dampak address bar blog support darkmode yang dapat aku bagikan kali ini semoga berguna dan terima kasih sudah berkunjung.