Pernahkah anda memperhatikan bahwa banyak situs populer seperti BBC dan Facebook menggunakan warna merek mereka sendiri untuk address bar di browser mobile. Dengan banyaknya situs yang terlihat lebih populer dengan mengubah warna address bar mobile browser. Malam ini, pada artikel ini, kami akan menunjukkan cara untuk mengubah warna address bar di browser ponsel agar sesuai dengan blog anda.
Lihat hasil screenshot situs duniatutorials.blogspot.com di mobile browser:
 |
| Screenshot |
Mengapa mengubah Warna pada address bar di Mobile Browser?
Sebuah template baik blogspot maupun wordpress atau cms lainnya paling populer yang mobile responsif. Hal ini membuat situs anda terlihat besar pada perangkat mobile. Namun, masih terlihat dan terasa seperti sebuah website.
Senada dengan warna address bar pada situs blog anda, membawa anda terasa seperti bermain di aplikasi asli atau tidak melalui browser tapi sebenarnya hanya di browser. Hal ini meningkatkan pengalaman pengguna, yang pada akhirnya meningkatkan penjualan dan konversi.
Namun, perlu diketahui bahwa saat ini hal itu hanya bekerja untuk web browser Google Chrome di perangkat Android yang menggunakan versi Lollipop atau yang lebih baru.
Mengubah Warna Address bar pada Mobile Browser
Cukup tambahkan kode dibawah ini ke dalam tema/template tepat sebelum tag </head> atau dibawah <head>. Jika anda pengguna wordpress anda dapat menambahkan di berkas header.php tepat sebelum tag </head> atau dibawah <head> pula.
<meta name="theme-color" content="#e73239" />
 |
| Menambahkan meta tag |
Baris ini adalah meta tag HTML yang digunakan oleh Google Chrome di Android untuk mengubah warna address bar di browser mobile. bagian konten memiliki kode hex untuk warna yang ingin anda gunakan sebagai warna address bar pada mobile browser, silahkan ganti code hex warna sesuai warna yang anda inginkan.
Tidak tahu bagaimana cara mendapatkan kode hex warna?
Sekarang ini banyak cara mudah untuk mendapatkan kode hex warna, anda bisa mendapatkan secara online bahkan juga bisa mendapatkan secara offline.
mendapatkan nilai HEX warna menggunakan perangkat lunak editing gambar seperti Adobe Photoshop, Gimp, Paint, dll
 |
| Adobe Photoshop Color Picker |
Anda juga dapat memilih warna secara online menggunakan tool di situs HTML color picker.
 |
| Html Color Picker |
Jika anda ingin memilih warna dari halaman web, maka anda dapat menggunakan ekstensi browser seperti ColorZilla .
 |
| Colorzilla |
Hanya itu, kami harap artikel ini membantu anda belajar bagaimana untuk mengubah warna address bar di browser ponsel agar sesuai dengan situs blog anda. Kalian dapat mengajukan masalah kalian pada blog kami.
Jika Anda menyukai artikel ini, maka silakan subscribe ke kami Saluran YouTube untuk video tutorial. Anda juga dapat menemukan kami di Twitter dan Facebook .
0 komentar