Mengubah Warna Address Bar Mengikuti Warna Blog

Rian
Rian
Mengubah Warna Address Bar Mengikuti Warna Blog
Waktu kalian browser pada sebuah website / blog mungkin akan ketemu yang warna Address Bar mengikuti warna dari website / blog tersebut. Hal ini juga dapat memperbagus tampilan dari suatu blog yang kita jalankan meskipun memang jarang digunakan oleh para blogger lain, mungkin belum tahu untuk merubah warna Address Bar tersebut. Jika kalian melihat hasil dari Audits maka kita diharuskan untuk menambahkan kode berikut :

<meta name="theme-color" content="#ffffff">

Kenapa kita harus menggunakan kode tersebut ? mungkin akan terlihat lebih Profesional dan tentu saja memperbagus tampilan dan menghilangkan Error pada hasil dari Audits itu sendiri. Apa blog ini juga memakai kode tersebut ? Saya jawab "Ya" karena untuk menghilangkan Error pada Audits dan membuat blog ini menjadi lebih nyaman digunakan tentunya maka saya menambahkan kode tersebut sehingga Address Bar mengikuti Warna Blog.

Mengubah Warna Address Bar


Bagaimana untuk memasang kode tersebut di Blogspot ? disini kita hanya perlu menambahkan kode tersebut tepat dibawah kode <head> dan taruh kodenya disitu. Tapi sebelum menaruh kodenya tentu kita harus tahu warna dari Header blog kita karena ini yang akan dijadikan patokan untuk warna nya.

Kalian bisa menggunakan Inspek Element dan lihat warna pada Background atau jika tidak ingin menggunakan Inspek Element bisa dengan mencari kode #header-wrapper tapi kodenya berbeda-beda sesuai dengan pembuat template. Pokonya dari kode #header saja cari nanti ada yang namanya Background, setelah ketemu kalian copy kode nya yang diberi tanda block dibawah ini ke notepad.


Langsung saja ke penerapan kodenya dibawah ini :

Pertama copy kode berikut dan paste tepat dibawah 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'/>
Kedua ganti kode warna yang ditandai diatas dengan warna pada #header tadi yang di notepad
<meta content='#323ba4' name='theme-color'/>
<meta content='#323ba4' name='msapplication-navbutton-color'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#323ba4' name='apple-mobile-web-app-status-bar-style'/>
Ketiga simpan template dan lihat hasilnya dengan membuat lewat android

Hasil dari kode diatas akan terlihat seperti ini

Mengubah Warna Address Bar Mengikuti Warna Blog

Semoga Postingan ini sangat bermanfaat bagi kalian...

6 comments : Mengubah Warna Address Bar Mengikuti Warna Blog

  1. Pada akhirnya nemu apa yg gue cari² �� thanks gan infonya
    • Rian
      sama-sama
  2. Mas Monsta
    bagus ini gan...saya bookmark dulu ya...
    • Rian
      silahkan, dibookmark dan jangan lupa dishare :D
  3. Rian
    test komen
    • Rian
      :D