Kang Rian [ on Blogger! ]

rian nurherdian, kang rian, blog kang rian, blog rian nurherdian, blogger hacks , free blogger templates, blogspot tutorial, blogger tutorial, tutorial seo, tutorial html5, blog seo friendly, modifikasi template blog, desain web pemula, blogger basic

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

Cara Mengubah Status & Tema Browser di Android, iPhone, & Windows Phone - Cara Mengubah Status & Tema Browser di Android, iPhone, & Windows PhoneBismillahirrahmanirrahim - 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 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 :
code hex color photoshop

Jika ada yang ingin ditanyakan, silahkan berkomentar!

Terima kasih, dan Semoga bermanfaat! :)

https://developers.google.com/web/fundamentals/design-and-ui/browser-customization/theme-color
Suka artikel ini? Bagikan!

Hidden Ads!

 
Mohon Aktifkan Javascript!Enable JavaScript