🔔 Aktifkan notifikasi disini Google News

Cara Mengubah Warna Address Bar Mobile Browser Pada Blogger dan Wordpress

Saifullah.id - Warna address bar browser smartphone normalnya adalah berwarna putih dan abu-abu. Namun ketika kita mengunjungi beberapa blog di internet, ada beberapa blog yang membuat tampilannya berubah warna. Ada yang berwarna hitam, biru, merah atau warna yang lain.

Warna-warna tersebut sebetulnya bukan berasal dari bawaan browser melainkan bisa diatur melalui kode HTML yang ada pada template blog. Warna ini termasuk penting, karena selain sebagai penghias tampilan blog, menyertakan warna pada address bar juga mempermudah pengunjung mengingat ciri khas blog kita. Dalam pemberian warna ada baiknya disesuaikan dengan warna dominan template agar lebih serasi. 


Turorial mengubah warna Address Bar Blogger dan Wordpress
Berikut adalah tutorial cara mengubah warna pada address bar mobile browser yang bisa diterapkan pada Blogger maupun Wordpress.

Langkah-langkah:
1. Copy kode HTML di bawah ini.
<!-- URL Theme Color untuk Chrome, Firefox OS, Opera dan Vivaldi -->
<meta name="theme-color" content="#001b2a" />
<!-- URL Theme Color untuk Windows Phone -->
<meta name="msapplication-navbutton-color" content="#001b2a" />
<!-- 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" />
Ket: Kode di atas berfungsi untuk mengubah warna address bar pada browser Chrome, Firefox OS, Opera, Vivaldi, Windows Phone, dan IOS Safari.

2. Untuk pengguna Blogger/Blogspot

  • Masuk ke menu Dashboard Blogger > Theme > Edit HTML 
  • Letakkan kursor di dalam kotak
  • Klik Ctrl + F dan masukkan kata </head> di kotak pencarian, lalu tekan Enter.
  • Paste kode yang telah kita copy tadi sebelum kode </head>
  • Ganti kode ini #001b2a dengan kode warna yang diinginkan.
  • Save Theme / Simpan Tema

3. Untuk Pengguna Wordpress
  • Masuk ke menu Appearance > Editor
  • Pilih Theme Header di bagian kanan
  • Paste kode di antara tag <head> dan </head>
  • Ganti kode ini #001b2a sesuai keinginan.
  • Simpan

Cara Mengetahui Kode dari Sebuah Warna
Untuk mengetahui kode dari sebuah warna, kalian bisa menggunakan generator warna yang telah saya sediakan di bawah ini.

Mau donasi lewat mana?

SeaBank - Saifullah (9016-9529-0071)

BRI - Saifullah (05680-10003-81533)

BCA Blu - Saifullah (007847464643)

JAGO - Saifullah (1060-2675-3868)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan memberikan DONASI. Tekan tombol merah.
Seorang Guru Bahasa Inggris, Kreator Digital, Editor, Publisher, Advertiser, Blogger, Youtuber, Distributor, Desain Grafis, Web Developer, dan Programmer.

4 komentar

Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐
  1. Unknown
    Komentar ini telah dihapus oleh administrator blog.
    1. Sama-sama bro.
  2. Kok tetep gk ada warnanya bang udh aku cek beberapa kli pdhal gk ada yg salah
    1. Cek di sini tutorial terbarunyahttps://www.saifullah.id/2022/04/cara-mengubah-warna-address-bar-median.html
Centang Beri Tahu Saya untuk mendapatkan notifikasi ketika komentar kamu sudah di jawab.
Parse:

Gambar Quote Pre Kode



  • Home


  • Follow


  • MENU


  • Share


  • Comment
Cookie Consent
Kami menyajikan cookie di situs ini untuk menganalisis lalu lintas, mengingat preferensi Anda, dan mengoptimalkan pengalaman Anda.
Oops!
Sepertinya ada yang salah dengan koneksi internet Anda. Harap sambungkan ke internet dan mulai menjelajah lagi.