XtGem Forum catalog
Home » Article » Html » Cara Mengganti Tema Chrome Untuk Android Sesuai Dengan Template Website

Cara mengganti tema Chrome untuk Android sesuai dengan template website

f_huda19   27 Juni 2016   12:57:38   0 Suka   Favorit

merubah warna addressbar Chrome untuk Android


chrome theme-color,  chrome high-res icon

Halo semua! Kali ini Admin akan share bagaimana cara mengganti warna toolbar browser Chrome untuk Android. Dimulai dari versi 39, kini kamu dapat mengkostumisasi warna toolbar sesuai dengan template situs kamu. Untuk dapat merubah warna toolbar Chrome, kamu hanya perlu membutuhkan meta-tag khusus yang telah ditetapkan.

Cara ini terbilang sederhana, cukup tambahkan meta-tag name="theme-color" dan mengatur warnanya dengan content="kode warna" didalam elemen head, dimana value dari kode warna adalah kode warna CSS yang valid.

Jika kamu masih kurang jelas silahkan perhatikan potongan kode berikut:

<meta name="theme-color" content="#428bca">

Selain itu, Chrome juga akan menampilkan high-res favicon jika disediakan. Chrome untuk Android akan mengabil ikon ber-resolusi tinggi seperti yang kamu berikan. Contoh kodenya seperti di bawah ini:

<link rel="icon" href="tempat icon kamu berada" sizes="192x192">

Sekarang situs kamu lebih terlihat menyatu dengan browser Chrome untuk Android. Sekian untuk postingan kali ini, kita akan berjumpa kembali di postingan berikutnya.