Cara Membuat Address Bar Browser Smartphone Mengikuti Warna Blog Atau Web

Cara Membuat Address Bar Browser Smartphone Mengikuti Warna Blog Atau Web

Di aplikasi chrome pada perangkat seluler, Anda dapat mengubah warna bilah/bar di bagian atas tempat URL situs web berada dan bar status. Standarnya warna pada bar chrome dan status bar akan berwarna putih. Dengan sedikit kode HTML kita dapat mengubahnya ke warna apa pun yang kita pilih sesuai keinginan.

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.

Cara Membuat Address Bar Browser Smartphone Mengikuti Warna Blog Atau Web


Belum ada Komentar untuk "Cara Membuat Address Bar Browser Smartphone Mengikuti Warna Blog Atau Web"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel