Cara Membuat Address Bar Browser Smartphone Mengikuti Warna Blog Atau Web
Ini merupakan trik kecil tapi cukup powerful yang berfungsi baik untuk memberikan situs Anda terlihat rapi dan lebih elegan. Langsung saja berikut Bagaimana Cara Membuat Address Bar Browser Smartphone Mengikuti Warna Blog Atau Web.
1. Letakan kode HTML berikut dibawah <head> atau tepat diatas </head>
<!-- Chrome, Firefox OS and Opera --><meta name="theme-color" content="YOUR-COLOR-HERE">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="YOUR-COLOR-HERE">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="YOUR-COLOR-HERE">
2. Ubah kode HTML sedikit pada bagian YOUR-COLOR-HERE menjadi HEX code warna yang anda inginkan, anda bisa mencari code warna menggunakan Color Picker. Jika sudah klik Simpan.
Contoh setelah di ubah:<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#EC3224">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#EC3224">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#EC3224">
3. Selesai, jika anda menemukan pesan error pada saat menyimpan kode HTML silahkan gunakan Kode berikut.
<meta content='#000000' name='theme-color'/><meta content='#000000' name='msapplication-navbutton-color'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#000000' name='apple-mobile-web-app-status-bar-style'/>
4. Silahkan ubah kode HEX warna yang berwarna orange sesuai dengan warna yang anda inginkan. Selesai silahkan simpan dan lihat hasilnya.
source https://www.rumahsinopsis.com/2019/08/cara-membuat-address-bar-browser-mengikuti-warna-blog.html
Comments
Post a Comment