×

search by faronesia.com

FARONESIA.COM
Profesional and Specialist WebDesign

Unduh dan dapatkan template blogger terbaik mulai dari premium hingga gratis tersedia di Faronesia.com

Unduh sekarang

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

Developer

test-1 test-2
Saya adalah seorang Web Designer dan Front-End Developer, 5 tahun dalam pengalaman bermain coding sejak SMA. Pemilik Blog Faronesia sekaligus Desainer Template Blogger.

azza / owner faronesia
Saya adalah mahasiswi sekaligus penulis lepas di sela-sela kesibukan saya. Penulis Faronesia sekaligus penyempurna naskah artikel.

shofi / author faronesia
Notifikasi pengguna

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

Tutup