Cara Termudah Membuat Addres Bar Berwarna Saat Blog Dibuka Melalui HP
Seperti yang baru saya lakukan pada blog kakungilmu.com ini, berawal saat melihat aplikasi WhatsApp, kok bagian atas juga berwarna hijau ya? fikirku, jadi saya juga kepingin blog saya juga begitu saat dibuka dari handphone.
Pertama saya bingung, apa sih namanya itu, bingung saat masukin keyword pencariaan di google, ya udah saya tanyakan melalui grup Blogger Indonesia dan ada yang memberi tahu ternyata itu namanya Addres Bar, Nav bar, Status bar, entah mana yang bener pokoknya seperti gambar dibawah ini deh contohnya.
Dan saya menemukan kodenya dari jurnalweb.com, terimakasih jurnalweb.
Caranya juga cukup mudah kok, hanya beberapa detik saja, dan pasti akan barhasil.
2. Template dan edit html
3.Siapkan kode warna yang kamu inginkan, masukan kode pada kode yang saya beri warna merah
4. Copy kode berikut
5. Jangan lupa parse kode terlebih dahulu atau kamu bisa langsung comot kode dibawah
<!-- URL Theme Color untuk Chrome, Firefox OS, Opera dan Vivaldi -->
<meta name="theme-color" content="masukan kode warna" />
<!-- URL Theme Color untuk Windows Phone -->
<meta name="msapplication-navbutton-color" content="masukan kode warna" />
<!-- 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="masukan kode warna" />
6. Letakan kode diantara <head>kode</head>
7. Simpan dan lihat hasilnya
Pertama saya bingung, apa sih namanya itu, bingung saat masukin keyword pencariaan di google, ya udah saya tanyakan melalui grup Blogger Indonesia dan ada yang memberi tahu ternyata itu namanya Addres Bar, Nav bar, Status bar, entah mana yang bener pokoknya seperti gambar dibawah ini deh contohnya.
Caranya juga cukup mudah kok, hanya beberapa detik saja, dan pasti akan barhasil.
Cara merubah bagian atas browser saat blog dibuka melalui mobile
1. Buka Blog2. Template dan edit html
3.Siapkan kode warna yang kamu inginkan, masukan kode pada kode yang saya beri warna merah
4. Copy kode berikut
<!-- URL Theme Color untuk Chrome, Firefox OS, Opera dan Vivaldi -->
<meta name="theme-color" content="masukan kode warna" />
<!-- URL Theme Color untuk Windows Phone -->
<meta name="msapplication-navbutton-color" content="masukan kode warna" />
<!-- 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="masukan kode warna" />5. Jangan lupa parse kode terlebih dahulu atau kamu bisa langsung comot kode dibawah
<!-- URL Theme Color untuk Chrome, Firefox OS, Opera dan Vivaldi -->
<meta name="theme-color" content="masukan kode warna" />
<!-- URL Theme Color untuk Windows Phone -->
<meta name="msapplication-navbutton-color" content="masukan kode warna" />
<!-- 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="masukan kode warna" />
6. Letakan kode diantara <head>kode</head>
7. Simpan dan lihat hasilnya
