Cara gampang membuat address bar browser smartphone kalian berubah warna ketika mengakses blog kalian - Hello guys kali ini saya akan memberi tahu kalian bagaimana membuat address bar blog kalian menjadi berwarna ketika diakses atau dikunjungi, namun cara ini hanya dapat dilihat melalui browser smartphone.
Pertama-tama kita bahas dulu apasih untungnya membuat address bar browser hp berwarna ketika mengakses blog kita?
Yap sepertinya itu tidak banyak akan mempengaruhi sama sekali ya terhadap indexing artikel kalian kepada google. Namun dengan berubahnya warna pada browser hp ketika membuka blog kalian, pastinya itu membuat kesan viewer terhadap blog kalian menjadi bagus.
Baca juga: Cara Memasang Map Pada Blog Pribadi Kalian
Lalu apa untungnya ketika kesan viewer bagus terhadap blog saya?
Nah disini saya tanya balik ya, mending melihat ruangan berantakan atau melihat tempat yang rapih dengan warna yang kontras?
Kalau saya sih mending memilih ruangan yang rapih dengan warna yang kontras karena selain saya bisa bergerak bebas, namun mata dimanjakan dengan warna yang kontras sehingga mata akan memandang dari sudut hingga ke sudut ruangan. Oh ya jika ruangannya rapih maka mencari benda apapun di situ akan mudah karena semuanya sudah disusun dengan sempurna.
Dapat gambaran gak untuk blog kalian? gak dapat?
Oke gini saya jelaskan, sama halnya dengan blog. Ketika blog kalian rapih dengan navigasi yang teratur ditambah dengan warna yang kontras maka membuat viewer tertarik untuk berjalan-jalan di blog kalian sehingga membuat viewer kalian meningkat. Betul begitu sob?
Selain warna template yang kontras, ada baiknya membuat warna address bar menjadi kontras juga. Kenapa demikian? karena address bar yang berwarna membuat nilai viewer terhadap blog kalian menjadi semakin baik lagi dan menganggap blog kalian blog besar layaknya facebook ataupun youtube, yang nantinya warna address bar menjadi bonus dari ciri khas warna pada blog kalian.
Baca juga: Cara membuat akun facebook hantu dengan mudah
Kita ambil contoh blog amtread ini, memiliki ciri khas warna merah maka dari warna templatenya saja masih kurang greget atau kurang memantapkan warna ciri khasnya, yang dalam bahasa jowo yaitu ora akeh. Yap biar warna merahnya lebih ramai maka perlu dibuatnya warna pada address bar browser smartphone.
Begini tampilan dari blog tanpa warna address bar
 |
| Mogloger |
Dan begini tampilan blog dengan warna address bar
 |
| Amtread |
Manurut kalian lebih terlihat mewah ataupun lebih keren yang mana?
Kalau saya sih yang berwarna karena itu blog saya hehehe.
Baca juga: Cara Membuat Tombol Share Melayang Pada Blog
Berikut ini merupakan script ataupun kode yang dapat kalian pilih untuk dipasang ke blog kalian supaya address bar blog kalian bisa berwarna.
Khusus Chrome dan Opera
Script atau kode ini hanya berjalan ketika blog kalian diakses atau dibuka melalui chrome ataupun opera saja, yang artinya jika dibuka dengan browser selain chrome dan opera maka address bar blog kalian tidak akan berubah.
Baca juga: Cara Membuat Tampilan Chrome Lebih Keren
<meta name="theme-color" content="#f80538">
Khusus Windows Phone Browser
Penjelasannya sama seperti di atas namun ini khusus untuk windows phone browser jadi jika dibuka dengan browser lain tidak bisa.
<meta name="msapplication-navbutton-color" content="#f80538">
Khusus Safari Browser
Yap ini sama saja seperti penjelasan sebelumnya dan ini hanya khusus untuk browser safari yang artinya kode akan berjalan ketika diakses melalui safari browser.
<meta name="apple-mobile-web-app-status-bar-style" content="#f80538">
All Browser
Nah jika ingin bisa digunakan untuk semua browser seperti chrome, mozilla, safari browser, ataupun windows phone browser maka kalian hanya perlu memasukkan kode ini.
<!-- Untuk Chrome & Opera -->
<meta name="theme-color" content="#f80538">
<!-- Untuk Windows Phone --> <!-- By amtread.com -->
<meta name="msapplication-navbutton-color" content="#f80538">
<!-- Untuk Safari iOS -->
<meta name="apple-mobile-web-app-status-bar-style" content="#f80538">Nah bagaimana sih cara menggunakan kode tersebut untuk membuatnya?
Simak tutorialnya berikut ini!
1. Pertama kalian buka edit html blog kalian terlebih dahulu
2. Jika sudah, kalian klik code script apapun yang ada di kotak script kemudian tekan ctrl + f dan kemudian cari tulisan <head> kemudian kalian paste code atau script yang sudah kalian copy di atas tepat di bawah kode <head>.
3. Kemudian kalian ganti kode #f80538 dengan warna kesukaan kalian yang akan digunakan sebagai warna ciri khas blog kalian.
4. Jika sudah kalian tinggal save saja dan kalian tinggal coba buka blog kalian melalui hp ataupun smartphone. Berubah tidak?
Akhir Kata
Nah itu dia tutorial dari amtread, semoga bermanfaat untuk kemajuan blog kalian, sampai jumpa di lain artikel, hanya di amtread.