Pernah tidak ketika kamu membuka sebuah blog atau website menggunakan browser dari smartphone dan terlihat pada bagian address bar / header browser tersebut yang normalnya berwarna putih abu-abu telah berubah menjadi warna tertentu, misalnya warna merah, hitam atau warna lainnya?

Nah, disini saya akan membagikan tutorialnya agar kamu dapat mengganti warna address bar browser jika di akses atau di lihat menggunakan mobile seluler smartphone browser.

Cara Mengubah Warna Address Bar Web/Blog Versi Mobile Browser
Cara Mengubah Warna Address Bar Web/Blog Versi Mobile Browser

Warna header browser mobile tersebut ternyata bisa kita atur dengan menuliskan kode warnanya pada meta tag dalam html blog. Warna tersebut bisa digunakan untuk penanda sebuah website, jika website tersebut dominan warna biru maka ada baiknya menyertakan warna biru untuk address bar browsernya.

Cara Mengganti Warna Address Bar Blog Browser di Blogger/Blogspot


1. Masuk ke menu Blogger => Theme => Edit HTML
2. Gunakan Ctrl + F dan cari kode </head>
3. Copy dan Pastekan kode di bawah ini sebelum kode </head>

<!-- URL Theme Color untuk Chrome, Firefox OS, Opera dan Vivaldi -->
<meta name="theme-color" content="#333333" />
<!-- URL Theme Color untuk Windows Phone -->
<meta name="msapplication-navbutton-color" content="#333333" />
<!-- 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="#333333" />

Kamu bisa memili salah satu element diatas, misalnya kamu hanya ingin mengubah warna di browser Chrome, Firefox OS, Opera dan Vivaldi, maka bisa juga kamu hanya menggunakan element di bawah ini:

<meta name="theme-color" content="#333333" />

4. Ganti kode ini #333333 dengan kode warna yang kamu diinginkan.
5. Save dan cek menggunakan browser di smartphone kamu.

Cara Mengubah Warna Address Bar Blog Browser di  Wordpress


1. Masuk ke menu Appearance => Editor
2. Pilih Theme Header di bagian kanan
3. Paste kode di atas tadi di antara tag <head> dan </head>
4. Ganti kode ini #333333 sesuai keinginan.
5. Save

Bagaimana, mudah bukan? Selamat mencoba.
0 Komentar untuk "Cara Mengubah Warna Address Bar Web/Blog Mobile Browser"