bagaimana cara mengubah warna tampilan tab google chrome sesuai dengan warna blog

cara mengubah warna tab browser chrome di tampilan mobile

Diposting oleh dan pada tanggal
google memang selalu berinovasi untuk memberikan layanan yang terbaik. kali ini ada fitur yang menurtu saya menarik yang mulai tersedia untuk google chrome pada versi 39 keatas dan dibuka di android versi 5 keatas, atau minimal lollipop. fitur tersebut adalah google memberikan akses kepada pengembang website untuk mengubah warna tab pada google chrome dengan cara yang begitu mudah dan tidak ribet.

langsung saja, caranya adalah sebagai berikut

  1. masuk pada dashboard blogger
  2. pilih template/ tema
  3. kemudian edit HTML
  4. cari kode <head> dan letakkan kode di bawah ini tepat di bagian bawah head
  5. <meta name="theme-color" content="#000000">
  6. ganti dengan warna yang kamu inginkan dan sesuai dengan warna blog kamu
  7. selesai
kamu bisa bereksperimen dengan tampilan blog kamu, kamu bisa membuat tampilan tab chrome ketika blog kamu di buka berbeda antara warna ketika di homepage atau beranda dan juga ketika berada di artikel, laman, kolom pencarian, page error dengan menggunakan tag konditional.

berikut ini saya berikan contoh penggunaanya,

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="theme-color" content="#000000">
<b:else/>
<meta name="theme-color" content="#0ff0ed">
</b:if>

tag konditional di atas memberikan perintah, bahwa ketika berada di halaman beranda atau homepage maka tab browser akan menjadi hitam (#000000) dan selain dari beranda maka tab browser akan berwarna #0ff0ed

dengan menggunakan tag konditional kamu bisa mengatur agar setiap halaman memiliki warna yang berbeda.
sekian dan semoga bermanfaat

Komentar

Posting Komentar