Jumat, 09 September 2016

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



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 )




 Langkah Tutorial

 Langkah 1 - Login Blogger, Klik TemplateEdit 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 :



Jika ada yang ingin ditanyakan, silahkan berkomentar!

Terima kasih, dan Semoga bermanfaat! :)

Sumber: https://developers.google.com/web/fundamentals/design-and-ui/browser-customization/theme-color


EmoticonEmoticon