TERMINAL KODE - Ketika mengunjungi sebuah website menggunakan smartphone, kadang kita menemukan melihat warna address bar browser mengikuti warna dominan website tersebut.
Misalnya warna dominan website hijau, maka warna address bar pada browser menjadi hijau. Padahal warna address bar standar adalah berwarna putih abu-abu.
Caranya sangat mudah, cukup menambahkan beberapa kode meta tag, kode warna address bar ini dapat support di berbagai macam browser baik Google Chrome Android, browser Windows Phone maupun Safari iOS.
Berikut langkah-langkahnya:
- Pilih menu Tema, lalu klik tombol Edit HTML.
- Salin Meta Tag dibawah ini, kemudiam letakkan setelah kode <head>
<!-- Warna untuk Chrome, Firefox OS, Opera --> <meta content='#000' name='theme-color'/> <!-- Warna untuk Windows Phone --> <meta content='#000' name='msapplication-navbutton-color'/> <!-- Warna untuk iOS Safari --> <meta content='yes' name='apple-mobile-web-app-capable'/> <meta content='#000' name='apple-mobile-web-app-status-bar-style'/>
- Simpan template dan coba lihat hasilnya pada browser Google Chrome yang ada di smartphone anda.
Perhatikan bagian kode #000. Itu adalah kode warna yang digunakan pada blog ini, anda dapat menggantinya sesuai dengan keinginan.
Jika ada pertanyaan atau kesulitan dalam mempraktikannya, silakan bertanya melalui kolom komentar dibawah.
Sekian mengenai Cara Merubah Warna Address Bar Blog di Browser Smartphone. Semoga bermanfaat, terima kasih dan selamat mencoba.