Cara ubah warna address bar blog pada browser smartphone

Faronesia.com - Halo blogger, selamat datang di blog faronesia. Pada kesempatan hari ini admin akan memberikan tutorial singkat mengenai cara ubah warna address bar blog pada browser smartphone. Mengganti/menambahkan warna pada address bar sebenarnya hanya bertujuan untuk mempercantik halaman blog saat diakses pada browser smartphone saja atau agar address bar lebih menyatu dengan blog anda. Dengan adanya address bar yang memiliki warna yang unik serta menyatu dengan blog maka akan terlihat lebih elegan dan bagus untuk dipandang.

Tutorial kali ini tidak hanya untuk perangkat OS android saja namun bisa berfungsi pula pada perangkat Windows phone, dan IOS. Nah sedangkan untuk browsernya sendiri anda bisa melihat hasilnya saat menggunakan chrome, Firefox, safari, dan opramini. Namun, pada tiap-tiap browser memiliki perbedaan script tersendiri yang digunakan.

Bagaimana keren bukan? Santai saja, kode meta theme color ini tidak mempengaruhi kecepatan load dan kualitas SEO blog anda. Tertarik? Mari simak tutorialnya dibawah ini:

Cara ubah warna address bar blog pada browser smartphone
  • Masuk ke dashboard blog anda
  • Lalu klik menu tema
  • Selanjutnya klik edit html
  • Cari kode <head>
  • Lalu letakkan kode dibawah ini tepat dibawah kode <head> (agar mudah menemukan saat ingin melepas kode meta theme color)
Browser chrome dan opramini
<meta content='#0081ff' name='theme-color'/>
Browser windows phone
<meta content='#0081ff' name='msapplication-navbutton-color'/>
Browser safari
<meta content='#0081ff' name='apple-mobile-web-app-status-bar-style'/>
  • Jika anda ingin meta theme color ini bekerja di semua browser yang telah disebutkan diatas maka tempelkan semua kode diatas atau copy kode dibawah ini
<!-- Untuk Chrome & Opera -->
<meta content='#0081ff' name='theme-color'/>
<!-- Untuk Windows Phone -->
<meta content='#0081ff' name='msapplication-navbutton-color'/>
<!-- Untuk Safari iOS -->
<meta content='#0081ff' name='apple-mobile-web-app-status-bar-style'/>
  • Lalu simpan tema
  • Lihat perubahannya
CATATAN:
Pada kode diatas terdapat kode #0081ff adalah kode warna, silahkan ubah sesuai selera anda.

Demikianlah cara ubah warna address bar blog pada browser smartphone semoga bermanfaat dan menambah wawasan para sahabat blogger. jangan lupa share dan jika ada tanggapan serta masukkan silahkan masukkan pada kolom komentar yang telah tersedia.

2 komentar dari postingan "Cara ubah warna address bar blog pada browser smartphone"

  1. Trimakasih min, setidaknya blog saya makin cantik hihi

    ReplyDelete
    Replies
    1. Sama-sama mbak trimakasih sudah berkunjung, kepoin terus ya faronesia.com

      Delete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel