×

search by faronesia.com

FARONESIA
Profesional and Specialist WebDesign by Faronesia

Selain tutorial, kami juga menyediakan layanan penambah follower untuk akun Instagram dan Tiktok anda dengan harga terjangkau. Ayo buruan order sekarang juga!!!

Layanan Media

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.
Buka komentar
Tutup komentar
  1. Trimakasih min, setidaknya blog saya makin cantik hihi

    BalasHapus
    Balasan
    1. Sama-sama mbak trimakasih sudah berkunjung, kepoin terus ya faronesia.com

      Hapus

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Modifikasi Tampilan Website Anda

Gunakan jasa kami, berikan kesan bahwa website anda professional.

Pesan Sekarang
Notifikasi pengguna

Aktifkan javascript dibrowser anda agar mendapatkan fitur jelajah yang lebih baik di situs kami.

Tetap selalu terhubung dengan kami untuk menjadi bagian dari Faronesia, caranya cukup dengan menekan tombol dibawah ini.

Tutup