Cara Mengubah Warna Address Bar Web di Browser Mobile - Kali ini Saya akan menunjukkan tutorial mengenai trik bagaimana supaya warna address kafe website di browser mobile sanggup berubah sesuai warna tampilan blog Kamu. Ya, mungkin banyak ya tutorial serupa mengenai cara merubah warna address bar ini, tapi ya gapapa lah alasannya ialah Saya pingin share ini. Lagian Saya juga gres saja praktikkan trik ini.
Nah, bagi pembaca setia rekblogging saat mengakses blog ini via smartphone akan menjumpai address kafe color yang sama dengan warna header blog, jadi jangan kaget ya kalo ada yang gres di tampilan blog ini hehe. Atau mungkin beberapa orang pernah mengakses blog yang tampilan address kafe situsnya mengikuti warna tampilan blognya. Bagi yang belum tahu caranya mengganti warnanya, yuk simak tutorialnya.
Sebelum ke tutorialnya, ngomong-ngomong apa Kamu tahu address kafe itu yang ibarat apa? Jangan-jangan nanti sudah dijelasin tutorial cara menciptakan warna addressbar browser mobile mengikuti tampilan blog tetapi tidak tahu addres kafe itu yang mana?
Baca juga: Cara Membuat Pop Up Facebook Responsive pada Blog
Baca juga: Cara Membuat Pop Up Facebook Responsive pada Blog
Baik akan Saya jelaskan terlebih dahulu address kafe itu apa, kalo sudah tahu sanggup skip paragraf ini. Address kafe ialah kolom sempit bab dari halaman web browser yang memiliki fungsi menampilkan URL dari halaman web yang sedang diakses, letakknya di bab atas browser.
Sebagai gambaran, berikut hasil sebelum dan sehabis address kafe browser berganti warna
Sebagai gambaran, berikut hasil sebelum dan sehabis address kafe browser berganti warna
tampilan sebelum ganti warna
tampilan sehabis ganti warna
Cara Mengubah Warna Address Bar Situs di Browser HP
Untuk mengubah atau mengganti warna address kafe website di browser mobile tidaklah sulit. Tinggal memasang instruksi scriptnya di template blog Kamu dan lihat hasilnya. Berikut beberapa script untuk merubah warna address kafe untuk beberapa browser yaitu Chrome, Opera, Firefox, Safari IOS, dan browser bawaan HP.
Baca juga: Membuat Contact Form di Blog dengan Mudah
Merubah Warna Address Bar pada Browser Chrome, Opera, dan Firefox
Baca juga: Membuat Contact Form di Blog dengan Mudah
Merubah Warna Address Bar pada Browser Chrome, Opera, dan Firefox
Berikut instruksi script yang harus dipasangkan untuk menciptakan tampilan warnanya berubah di browser Chrome, Opera, dan Firefox.
<meta name="theme-color" content="#1BA39C">Merubah Warna Address Bar pada Browser Safari IOS
Berikut instruksi script yang harus dipasangkan untuk menciptakan tampilan warnanya berubah d browser Safari IOS.
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="#1BA39C">Merubah Warna Address Bara pada Browser Mobile Phone (bawaan HP)
<meta name="msapplication-navbutton-color" content="#1BA39C"">Mengganti Warna pada Semua Browser di atas
<!-- Pada Google Chrome, Firefox & Opera --> <meta name="theme-color" content="#1BA39C"> <!-- Pada Safari iOS --> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="#1BA39C"> <!-- Pada Windows Phone --> <meta name="msapplication-navbutton-color" content="#1BA39C"> Catatan : Ganti instruksi warna #1BA39C dengan instruksi warna pilihanmu, untuk memudahkan gunakan Color Picker
Cara Pemasangan Kode pada Platform Blogger
Dalam pengaplikasian instruksi ini pada template blogger sedikit ada penambahan instruksi "/". Berikut ini instruksi untuk blogspot.
<!-- Pada Google Chrome, Firefox & Opera --> <meta name="theme-color" content="#1BA39C"/> <!-- Pada Safari iOS --> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="#1BA39C"/> <!-- Pada Windows Phone --> <meta name="msapplication-navbutton-color" content="#1BA39C"/>Langkah pemasangannya sebagai berikut
- Buka dashbor blogger
- Pilih sajian Tema>Edit HTML
- Letakkan script antara kode <head> </head>
- Simpan kesudahannya dengan mengeklik Save theme
Cara Pemasangan Kode pada Platform Wordpress
Jika dalam pemasangan di blogger terdapat penambahan kode, maka untuk pemasangn wordpress eksklusif copy paste instruksi script untuk semua browser tanpa penambahan instruksi "/".
Langkah pemasangan ibarat berikut
- Buka sajian Appearance
- Pilih Editor
- Cari header php pada Theme files, letaknya sebelah kanan
- Letakkan script diantara kode <head> </head>
- Simpan kesudahannya dengan cara klik Update file
Untuk mengecek apakah instruksi yang dipasang sudah berfungsi dengan benar atau belum, silahkan buka blog Kamu melalui browser HP. Apakah warna address barnya berubah atau tidak. Demikian cara mengubah warna address kafe website di browser mobile, semoga bermanfaat.
Sumber http://www.rekblogging.com/