Cara Memberikan Warna Pada Address Bar Browser - Max Ikhsan
Advertisement
Advertisement

Cara Memberikan Warna Pada Address Bar Browser

Agar tampilan blog makin kece saat dibuka di smartphone, maka kita bisa menyesuaikan warna address bar browser dengan warna header pada blog kita. Contohnya pada blog ini, warna header atau tema warna yang digunakan adalah hijau. 

Untuk membuat tampilan address bar sama dengan warna header pada blog maka perhatikan tutorialnya berikuti ini.


Cara Memberi Warna Pada Address Bar Browser

cara memberi warna address bar browser

Berikut ini adalah langkah-langkah yang harus dilakukan dalam pemasangan kode warna address bar browser.

  • Buka Dashboard Blogger
  • Pilih Menu Tema
  • Pilih Edit HTML

Cari dan letakan kode di bawah ini setelah <head>

<!-- Warna untuk Chrome, Firefox OS, Opera dan Vivaldi -->
<meta content='#2f303f' name='theme-color'/>
<!-- Warna untuk Windows Phone -->
<meta content='#2f303f' name='msapplication-navbutton-color'/>
<!-- Warna untuk iOS Safari -->
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#2f303f' name='apple-mobile-web-app-status-bar-style'/>

Kode warna yang saya tandai dengan warna hijau bisa diganti untuk disesuaikan dengan tema warna blog anda.

Setelah itu, klik simpan dan lihat hasilnya.


Bagaimana, mudah bukan. Semoga tutorial blogger cara memberikan warna pada address bar ini bermanfaat.

Ikut diskusi
Tutup diskusi
Berkomentarlah dengan bijak dan sopan!
# Silahkan tulis pesan di kolom komentar.
# Pesan akan dibalas saat saya online.
# Komentar spam tidak dipublikasikan.

Posting Komentar