Cara Mengubah Status & Tema Browser di Android, iPhone, & Windows Phone

Bismillahirrahmanirrahim - Sudah lama saya tidak memposting tutorial di blog ini, rasa-nya rindu sekali saya dengan visitor-visitor di blog ini yang senang mencari ilmu khusus-nya di bidang desain web/blog.

Pada kesempatan kali ini saya ingin berbagi sedikit tutorial bagi sobat yang memiliki mobile-traffic / pengunjung yang menggunakan gadget seperti: Android, iPhone, Windows Phone, dsb..

Tutorial kali ini yaitu tentang "Cara Mengubah Status & Tema Browser di Android, iPhone, & Windows Phone", berikut ini adalah contoh screenshotnya :

Theme Color untuk Chrome, Firefox OS, dan Opera ( Android, iPhone, & Windows Phone )

Theme Color untuk Chrome, Firefox OS and Opera

Langkah Tutorial

Langkah 1 - Login Blogger, Klik Template → Edit HTML.

Langkah 2 - Cari Kode <head>, lalu simpan kode berikut tepat di bawah-nya:

<!-- Chrome, Firefox OS and Opera -->
<meta content='#000000' name='theme-color'/>

<!-- Windows Phone -->
<meta content='#000000' name='msapplication-navbutton-color'/>

<!-- iOS Safari -->
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#000000' name='apple-mobile-web-app-status-bar-style'/>

Contoh Peletakan:

Langkah Terakhir - Ubah kode (HEX) #000000 dengan kode warna dominan blog sobat! jika ada sahabat yang belum tau apa itu kode warna (HEX), sobat bisa menggunakan tools pada Adobe Photoshop untuk melihat kode Warna sesuai dengan yang di inginkan. Berikut Contoh nya :