Hello sobat Icloudzer kali ini admin bakalan memberikan informasi mengenai bagaimana cara megubah warna Address bar secara manual melalui tag meta content
Info: Baiklah jikakamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Warna Address bar
Sebelumnya juga saya telah pernah membuat postingan mengenai Addresss bar yakni bagaimana caranya mengubah warna Addresss bar mengikuti warna dari mode dark secara otomatis, namun kali ini admin akan memaahas cara mengubah warna Address bar sesuai keinginan kita secara manual dan tidak berubah saat mode dark di aktifkan karena beda dalam pemasangan script nya
Warna Default
Seperti yang sudah admin jelaskan sebelumnya bahwa saat kamu memasang warna Addresss bar secara manual maka warna tidak akan berubah meskipun kamu menggunakan mode dark atau mode warna lainnya ya karena kode yang di gunakan adalah meta content nya langsung
Warna apapun
Jika kamu ingin warna Address bar kamu berbeda dengan yang lainnya, atau sesuai warna yang kamu inginkan maka pemasangan warna Address secara menual ini sangat di rekomendasikan untuk di gunakan, entah itu menyesuaikan warna sesuai header ataupun body blog atau warna lainnya terserah kamu aja, kode warna yang di gunakan adalah kode warna HTML atau biasa di sebut sebagai kode hax
Contoh Tampilan
Jika kamu penasaran dengan contoh warna Address bar yang admin gunakan, silahkan nonaktifkan warna moode dark browser ataupun mide dark web, keydian lihat bagian-bagian hasilnya admin menggunakan warna mode dark dengan menyesuaikan warna blog aja haha 🥰
Cara Penggunaan
Baiklah setelah banyak penjelasan yang admin jabarkan, sekarang saatnya admin bakalan menjelaskan mengenai bagaimana caranya mewarnai Addresss bar sesuai keinginan kita, cara nya mudah silahkan di simak dan di pelajari aja
Source kode
Silahkan salin dan gunakan kode HTML du bawah ini, kemudian letakkan di bawah tag oode <head>
<meta content="#de3535" name="theme-color"/>
<meta content="#de3535" name="msapplication-navbutton-color"/>
<meta content="#de3535" name="apple-mobile-web-app-status-bar-style"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
Info: Oh iya jagan lupa untuk megubah kode warna dari Addresss barnya ya #de3535 semoga bermanfaat