Cara Merubah Warna Address Bar Browser Mobile Phone Cara Merubah Warna Address Bar Browser Mobile Phone - Berguru IT - Tutorial Visual Basic, Networking, Tips dan Trik
VB.Net

VB.Net Tutorial Untuk pemula

Instant Article

Cara Membuat Instant Article Untuk Blogger

logo

Cara Merubah Warna Address Bar Browser Mobile Phone

Cara Merubah Warna Address Bar Browser Mobile Phone | Terkadang ketika kita menjelajahi situs besar atau blog terkenal seperti situs berita detik.com, blog mas sugeng, kangismet dan blog berguruit.com pada smartphone atau handphone terlihat pada bagian address bar berwarna.

Kog bisa yah? sementara jika saya buka situs saya di browser handphone kok cuma warna putih saja. Itulah pertanyaan ketika kita merasa iri dengan tampilan situs yang bisa merubah warna address bar tersebut.

Secara default address bar browser pada smartphone berwana putih, tapi address tersebut bisa kita rubah warnanya dengan warna tertentu seperti warna merah, hitam, hijau dan lain-lain agar terlihat bagus pada situs kita.
Cara Merubah Warna Address Bar Browser Mobile Phone
Cara Merubah Warna Address Bar Browser Mobile Phone
Berikut ini cara merubah warna address bar browser :

Jika anda sering edit html pada blog maupun wordpress, cara ini terbilang cukup mudah mempraktekkannya karena tinggal copy paste saja kode yang ada dibawah ini ke dalam struktur HTML situs anda.

Untuk merubah warna address bar kita harus menambahkan meta tag kedalam HTML terutama pada bagian antara <head> disini kode metanya </head>. Contoh :

<meta name="theme-color" content="#ff0000">

Pada content="#ff0000" untuk menunjukkan warna apa yang kita akan gunakan, disini saya menggunakan warna merah untuk website saya. Jika sudah anda copy kode diatas kedalam html anda dan sudah di simpan, coba buka situs anda di browser smartphone anda. Pasti sudah ada perbedaannya.

Noted :
  • Kode meta tag diatas hanya berlaku untuk browser Chrome, Mozilla, Opera dan Vivaldi.
  • Untuk mengetahui kode warna, anda bisa mengujungi HTML Color Picker.
Baca Juga :



Trus untuk browser windows phone dan safari bagaimana? anda bisa gunakan kode dibawah ini :

<meta name="msapplication-navbutton-color" content="#ff0000" />





<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="#001b2a" />


Dari kode meta tag diatas, jika ingin menerapkan kedalam situs anda bisa copy kode lengkapnya dibawah ini :

<!-- URL Theme Color untuk Chrome, Firefox OS, Opera dan Vivaldi -->
<meta name="theme-color" content="#ff0000" />
<!-- URL Theme Color untuk Windows Phone -->
<meta name="msapplication-navbutton-color" content="#ff0000" />
<!-- 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="#001b2a" />


Cara Penerapannya di Blog :

  • Buka Dashboard Blogger, Pilih Tamplate
  • Pilih Edit HTML lalu masukkan kode lengkap meta tag di antara <head></head>
  • Jika sudah Pastikan klik Simpan.
  • Test pada smartphone anda.

Itulah cara merubah warna address bar browser di mobile phone, jika ada yang ingin di tanyakan silahkan isi pada kolom komentar dibawah. Terima kasih

Selamat mencoba, semoga bermanfaat.

Tags

0 Komentar untuk "Cara Merubah Warna Address Bar Browser Mobile Phone"