Cara Mengganti Warna Address Bar Chrome Mobile di Blog

Mengganti warna address bar chrome mobile di blog

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 SiddiqRN 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


Artikel Menarik Lainnya


Berlangganan update artikel terbaru via email:

Belum ada Komentar untuk "Cara Mengganti Warna Address Bar Chrome Mobile di Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel