Hosting Unlimited Indonesia
Go Blogging!Panduan membuat blog hingga menghasilkan uang!

Cara Mengganti Warna Address Bar Blog Di Browser Smartphone

Cara Mengganti Warna Address Bar Blog Di Browser Smartphone | tirailangit.com – Pasti kamu pernah melihat warna address bar blog tertentu tidak berwarna putih lagi pada saat mengakses blog tersebut dari browser smartphone. Misalnya address bar bukalapak.com yang menjadi berwarna merah menyesuaikan dengan tema dari situs belanja online tersebut.

Seperti ini contohnya..

Cara Mengganti Warna Address Bar Blog Di Browser Smartphone

Mengganti warna pada address bar sebenarnya bertujuan untuk mempercantik halaman blog pada saat diakses melalui browser smartphone dan juga sebagai penanda blog yang biasanya warna address bar menyesuaikan dengan tema dari blog tersebut.

Mengganti warna pada address bar memungkinkan dilakukan sejak android berbasis Lollipop dan Chrome versi 39 ke atas.

Pengaturan meta theme color ini tidak hanya berlaku pada OS Android saja, tapi juga pada Windows Phone dan iOS.

..sedangkan untuk browser-nya sendiri, bisa menggunakan Chrome, Firefox, Safari serta Opera yang jika diakses melalui smartphone.

Namun ada perbedaan script tersendiri sesuai dengan browser yang digunakan, akan saya bahas satu persatu.

Penasaran caranya?

Ikuti panduan berikut..

Cara Mengganti Warna Address Bar Blog Di Browser Smartphone

Cara mengganti warna address bar blog sebenarnya cukup mudah, kamu tinggal menambahkan kode warna diantara tag <head> </head> pada blog kamu.

Cara Mengganti Warna Address Bar Blog Pada Browser Chrome & Opera

Sisipkan kode berikut ini diantara tag <head> </head> pada blog kamu.

<meta name="theme-color" content="#1C8B78">

Cara Mengganti Warna Address Bar Blog Pada Browser Windows Phone

Sisipkan kode berikut ini diantara tag <head> </head> pada blog kamu.

<meta name="msapplication-navbutton-color" content="#1C8B78" />

Cara Mengganti Warna Address Bar Blog Pada Browser Safari

Sisipkan kode berikut ini diantara tag <head> </head> pada blog kamu.

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="#1C8B78" />

Cara Mengganti Warna Address Bar Blog Agar Support Semua Browser

Nah, jika kamu ingin agar penerapan warna address bar pada blog kamu support di semua browser, maka kamu harus menyisipkan kode lengkap berikut ini berikut ini diantara tag <head> </head> pada blog kamu.

<!-- URL Theme Color untuk Chrome, Firefox OS, Opera dan Vivaldi Browser -->
<meta name="theme-color" content="#1C8B78" />
<meta name="msapplication-navbutton-color" content="#1C8B78" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="#1C8B78" />

Catatan :
Ganti kode #1C8B78 dengan kode warna keinginanmu.

Bagaimana cara penerapannya pada blog?

Mengganti Warna Address Bar Pada WordPress

Untuk mengganti warna address bar pada WordPress, silahkan login ke Dashboard Admin.

Masuk ke menu Appearance » Editor;

Pilih Theme Header (header.php);

Cara Mengganti Warna Address Bar Blog Di Browser Smartphone

Selanjutnya salin dan tempel kode di atas tepat di bawah tag <head>,

Cara Mengganti Warna Address Bar Blog Di Browser Smartphone

Selanjutnya klik Update File.

Penerapan penggantian warna address bar pada WordPress selesai.

Baca Juga:

    Mengganti Warna Address Bar Pada Blogger (Blogspot.com)

    Keberadaan tag <head> pada Blogger sedikit berbeda dengan WordPress, kamu dapat menemukan tag <head> pada Blogger dengan cara :

    1. Login ke Blogger kemudian masuk ke Dashboard kamu,
    2. Klik Menu “Template“,
    3. Kemudian “Edit HTML“,
    4. Cari kode <head>
    5. Selanjutnya salin dan tempel kode di atas tadi tepat dibawah tag <head>, jika sudah klik Simpan Template.

    Penerapan penggantian warna address bar pada Blogger (Blogspot.com) selesai.

    Jika sudah, sekarang uji perubahan warna address bar dengan mengakses blog kamu melalui smartphone..

    Tadaa…

    Ini before dan after perubahan warna address bar pada blog saya..

    Cara Mengganti Warna Address Bar Blog Di Browser Smartphone

    Silahkan dicoba..

    Demikian Cara Mengganti Warna Address Bar Blog Di Browser Smartphone.

    Semoga bermanfaat..

    Disclaimer : Tulisan adalah sebuah karya cipta. Anda diperbolehkan untuk mengutip sebagian dari isi artikel ini namun harus selalu mencantumkan sumber dari blog ini.
    Tags: