Cara Mengubah Warna Address Bar Blog / Website pada Browser

Halo sobat blogger balik lagi di Bang Feri Blog. Nah pada kesempatan kali ini kita akan membahas artikel mengenai cara mengubah warna address bar blog pada browser.

Nah jadi buat sobat yang kebingungan bagaimana cara untuk melakukannya sobat tidak perlu khawatir karena pada artikel ini akan dijelaskan secara jelas tentang cara untuk mengubah warna address bar blog pada browser.

Jadi seperti apa caranya? Silahkan simak artikel berikut ini.

Mengubah Warna Address Bar Blog pada Browser

Mengubah warna pada address bar browser agar sesuai dengan warna blog merupakan salah satu cara agar blog terlihat lebih menarik dan keren.

Tapi, Sebelum mengikuti langkah-langkah cara mengubah warna address bar browser sesuai dengan warna blog. Terlebih dahulu sobat harus tahu bawah perubahan warna address bar browser hanya dapat dilihat pada browser mobile tertentu seperti Chrome, FireFox dll.

Jadi, jika nantinya sobat membuka blog sobat dengan menggunakan browser Chrome atau FireFox pada desktop maka warna address bar tidak akan berubah.

Sebagai contoh, sobat bisa lihat address bar blog ini. Jika sobat menggunakan smartphone (hp), address bar blog ini akan berwarna jingga.

Selanjutnya...

Cara Mengubah Warna Address Bar Blog pada Browser

Nah sebenarnya cara untuk mengubah warna pada gambar blog di browser sangatlah mudah dan cepat. Sobat hanya perlu menambahkan tiga baris tag meta pada template blog sobat.

Oleh karena itu, silahkan sobat ikuti langkah-langkah berikut ini dengan teliti.

Catatan: Langkah mengubah warna address bar blog di browser di bawah ini adalah langkah-langkah yang dilakukan pada blog Blogger atau Blogspot. Jadi buat sobat pengguna WordPress untuk melakukan langkah-langkah ini silahkan ikuti cara kedua di bawah.

Cara 1: Cara Mengubah Address Bar Blog di Blogger

Berikut ini cara mengubah address bar blog di browser khusus blog blogger.

• Salin tag meta berikut ini:
  

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

• Setelah itu, Login ke Blogger
• Dibagian menu dashboard, klik Tema > Edit HTML.
• Pastekan meta tag yang telah di salin tadi di bagian bawah tag </head>
• Ganti nilai atribut content dengan warna sesuai keinginan sobat (kode HEX warna, RGB, atau nama warna dalam bahasa inggris)
• Terakhir, klik Simpan Perubahan.

Nah, jadi seperti itulah cara mengubah/membuat warna address bar blog di browser. Bagaimana, mudah kan?

Selanjutnya...

Cara 2: Cara Mengubah Warna Address Bar Browser pada WordPress

Berikut ini cara mengubah address bar blog di browser khusus WordPress.

• Salin ketiga tag meta berikut ini:
  

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

• Login ke WordPress
• Dibagian menu, klik Apperance > Theme Editor.
• Selanjutnya, silahkan cari header.php
• Setelah itu, pastekan ketiga tag meta tadi tepat di atas tag </head>
• Ganti nilai atribut content dengan warna sesuai keinginan sobat (kode HEX warna, RGB, atau nama warna dalam bahasa inggris)
• Terakhir, klik tombol Update.

Jadi seperti itulah cara untuk mengubah warna address bar browser pada WordPress. Bagaimana, caranya mudah banget kan?

Info Tambahan

Dengan menambahkan tag meta:theme pada struktur html template blog tidak hanya akan memengaruhi atau mengubah warna pada bagian address bar browser saja, tetapi juga akan mengubah warna pada bilah status (lokasi info baterai, jaringan dan pemberitahuan) yang ada di bagian atas address bar browser.

Penutup

Nah, kira kira seperti itulah langkah-langkah untuk mengubah/membuat warna address bar browser  blog. Semoga kedua cara diatas dapat bermanfaat bagi sobat semuanya.

Terima kasih.

Share :