Categories
Tutorial

Menggubah Warna Addres bar Web di browser handphone

Menggubah Warna Addres bar Web di browser handphone

Pernahkah anda saat membuka website di Google Chrome dari smartphone dan terlihat pada bagian address bar / header browser tersebut berubah menjadi warna tertentu.

Normannya berwarna putih abu-abu, namun pada beberapa website ada yang berwarna merah, hitam atau warna lainnya.

Warna header browser mobile tersebut ternyata bisa kita atur dengan menuliskan kode warnanya pada meta tag dibagian [head] di kode html.

Warna tersebut bisa digunakan untuk penanda sebuah website, jika website tersebut dominan warna merah maka ada baiknya menyertakan warna merah untuk address bar / header browsernya.

Cara mengubah warna address bar website pada browser Chrome & Opera

Caranya sangat mudah, kita cukup menambahkan satu baris kode meta tag pada bagian [head] di kode html, seperti berikut ini.

 

<!-- URL Theme Color untuk Chrome, Firefox OS, Opera dan Vivaldi -->
<meta name="theme-color" content="#4ca9fe" />
<!-- URL Theme Color untuk Windows Phone -->
<meta name="msapplication-navbutton-color" content="#4ca9fe" />
<!-- URL Theme Color untuk iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="#4ca9fe" />

Penerapannya cukup mudah anda tinggal simpan di antara <head> ….. </head> cukup mudah bukan ? silahkan mencobanya