Mengganti Warna Address Bar Chrome Mobile - Mungkin Anda pernah melihat warna address bar atau header pada Google Chrome Mobile berubah warnanya menjadi warna tertentu. Yang tadinya berwarna standar yaitu abu - abu lalu ketika membuka salahsatu website (contohnya Facebook) warna tersebut berubah menjadi warna yang sesuai dengan website tersebut.
Hal tersebut memang bisa Anda lakukan pada Blog dengan cara menambahkan kode warna pada bagian <head>. Biasanya hal ini dilakukan hanya untuk mempercantik tampilan blog.
Namun perlu Anda ketahui, bahwa mengganti warna pada address bar chrome hanya berlaku pada Smartphone, jadi tidak berlaku pada Dekstop.
Cara Mengganti Warna Address Bar pada Browser Chrome
Cara nya sangat mudah, Anda hanya perlu menambahkan kode dibawah ini tepat dibawah <head>
Untuk Pengguna Android
Untuk mengganti warna address bar pada Chrome Android, gunakan kode dibawah ini. Ganti #138be6 dengan kode warna yang sesuai dengan tampilan blog Anda
<meta content='#138be6' name='theme-color'/>Untuk Pengguna Windows Phone
Untuk mengganti warna address bar pada Chrome Windows Phone, gunakan kode dibawah ini. Ganti #138be6 dengan kode warna yang sesuai dengan tampilan blog Anda
<meta name="msapplication-navbutton-color" content="#138be6" />Tambahan
Sedikit saran dari saya, gunakan warna yang cocok, yaitu warna yang banyak digunakan pada blog Anda. Misalnya pada blog ini warna yang digunakan yaitu biru, jadi Saya menggunakan warna biru juga pada kode tersebut.
Nah untuk melihat kode warna nya Anda bisa melihat pada Edit HTML di bagian Header Wrapper. Atau jika kesulitan mencarinya, bisa mengambil kode warna dari Flat UI Color Picker
Demo
Untuk melihat hasilnya atau contoh setelah menambahkan kode diatas. Anda bisa melihat Blog idniez.com pada browser Google Chrome di Smartphone.
Penutup
Mungkin sekian untuk Tutorial Blogging atau Design Blog kali ini. Semoga artikel ini bermanfaat dan silahkan share kepada sahabat blogger kalian. Jangan lupa like fanspage Kami
This post have 0 comments
EmoticonEmoticon