Cara Merubah Warna Address Bar Browser Mobile/HP di Blogger

Ketika anda sedang searching di google menggunakan browser seperti chrome di smartphone anda, pasti anda melihat addres bar atau alamat URL yang berwarna putih bukan? Ternyata address bar tersebut bisa diubah. Mengubah address bar browser ini menjadikan blog anda mejadi keren, salah satunya adalah warna blog yang anda gunakan menyatu dengan address bar smartphone anda. Contoh saja blog ini pun sudah menerapkan, anda bisa membuka blog ini dengan smartphone anda dengan menggunakan browser, seperti chrome.

Screenshoot:


Menerapkan warna pada address bar ini menjadikan blog kamu seperti professional di hadapan para pengunjung blog anda, padahal proses pembuatannya sederhana kita hanya menambahkan Meta Content dan melatakkan nya dibawah <head> tidak perlu kode tambahan seperti JQuery, Java Script yang membuat loading blog anda menjadi lambat. Oke, saya rasa cukup deskripsi nya, sekarang langsung saja ke proses pembuatan.

Cara Merubah Warna Address Bar Browser Mobile/HP di Blogger


Cara Pertama :

1. Buka Blogger - Kemudian Login.
2. Dashboard - Tema.
3. Edit HTML.

Proses Pembuatan :

1. Temukan kode <head>
2. Copy & Paste kode berikut ini dan letakkan dibawah kode <head>

Kode dibawah ini hanya untuk browser : Chrome, Firefox OS, Opera, Opera Mini dan Vivaldi.
<!-- URL Theme Color untuk Chrome, Firefox OS, Opera dan Vivaldi -->
<meta content='#374760' name='theme-color'/>

Kode dibawah ini hanya untuk browser : Windows Phone
<!-- URL Theme Color untuk Windows Phone -->
<meta content='#374760' name='msapplication-navbutton-color'/>

Kode dibawah ini hanya untuk browser : Safari
<!-- URL Theme Color untuk iOS Safari -->
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#374760' name='apple-mobile-web-app-status-bar-style'/>

Sehingga dijadikan dalam satu kode menjadi seperti ini, silakan copy dan paste kode berikut ini untuk menerapkan semua kode diatas.
Kode dibawah ini untuk menerapkan pada semua browser : -
<!-- URL Theme Color untuk Chrome, Firefox OS, Opera dan Vivaldi -->
<meta content='#374760' name='theme-color'/>
<!-- URL Theme Color untuk Windows Phone -->
<meta content='#374760' name='msapplication-navbutton-color'/>
<!-- URL Theme Color untuk iOS Safari -->
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#374760' name='apple-mobile-web-app-status-bar-style'/>

Keterangan:

Silakan anda ganti kode warna #374760 sesuai dengan warna pada blog anda agar menyesuaikan.

3. Simpan Template!

Demikian, bila anda mengalami kesalahan silakan jangan sungkan untuk berkomentar dibawah ini. Semoga Bermanfaat! Thanks for Reading : Cara Merubah Warna Address Bar Browser Mobile/HP di Blogger


Incommning Search:

Cara Merubah Warna Address Bar Browser Mobile/HP di BloggerCara Merubah Warna Address Bar Android di BloggerCara Mengganti Warna Bar Mobile/HP di BloggerCara Mengganti Warna Bar Address URL Untuk BloggerCara Merubah Warna Bar Address URL Untuk BloggerCara Merubah Warna Address Bar Blog di SmartphoneCara agar warna address bar android berwarna untuk Blogger.

Related Post

0 Response to "Cara Merubah Warna Address Bar Browser Mobile/HP di Blogger"

Post a Comment