Cara Mengubah Warna Address Bar Blog di Browser Mobile

Cara Mengubah Warna Address Bar Blog di Browser Mobile - Apakah kamu pernah mengunjungi sebuah website atau blog melalui Browser Perangkat Mobile kamu dan menemukan Address Bar (URL Bar) seketika langsung berubah warna dan biasanya mengikuti warna dari tampilan Website tersebut? Sangat menarik tentunya bukan?. Nah pada kesempatan kali ini saya akan mencoba berbagi sedikit tips bagaimana caranya mengubah warna Address Bar blog saat dibuka pada Browser Mobile. perubahan Address Bar hanya akan terlihat pada perangkat Mobile dan tidak berlaku untuk Browser pada PC atau.

Cara untuk mengubah warna Address Bar sangatlah mudah, lebih mudah daripada harus menghapus kenangan bersama mantan. Tips kali ini saya berikan hanya untuk pengguna Platform Blogspot atau blogger.com. Untuk tips pada Platform Wordpress belum saya tuliskan pada kesempatan kali ini. Hasil yang didapatkan ketika kamu merubah warna Address Bar pada website atau blog kurang lebih akan seperti ini.

Berikut langkah mudah mengubah warna Address Bar website atau blog di Browser Mobile;

1. Log in ke blogger.com.

2. Pilih Menu Template > Klik HTML.

3. Pada laman HTML cari kode </head>. Agar mudah, tekan CTRL+F untuk menemukan kode tersebut. Jika sudah, pastekan kode di bawah ini tepat di atas kode </head>.

<meta content='kode-warna' name='theme-color'/>


<meta content='kode-warna' name='msapplication-navbutton-color'/>


<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='kode-warna' name='apple-mobile-web-app-status-bar-style'/>

4. Beri kode warna sesuai dengan warna yang diinginkan. Sebagai contoh saya akan mengganti dengan kode warna #159aff sehingga kode akan menjadi seperti ini.

<meta content='#159aff' name='theme-color'/>


<meta content='#159aff' name='msapplication-navbutton-color'/>


<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#159aff' name='apple-mobile-web-app-status-bar-style'/>

5. Terakhir Klik Simpan Template dan lihat perubahannya pada browser mobile kamu.

Hasilnya akan terlihat seperti ini.

Catatan: Dari tiga kelompok kode script yang ditempatkan, tidak harus diberikan kode warna yang sama. Kamu dapat menempatkan tiga kode warna berbeda pada sript tersebut. Tutorial mengubah warna Address Bar ini juga hanya bisa diterapkan pada template responsive yang berarti jika diterapkan pada blog yang masih menggunakan template bawaan blogger.com atau blogspot tidak akan berpengaruh.

Selamat mencoba dan semoga berhasil.