Cara merubah warna toolbar saat blog kita ditampilkan

Advertisemen
Cara merubah warna toolbar saat blog kita ditampilkan
Cara merubah warna toolbar saat blog kita ditampilkan
Cara merubah warna toolbar saat blog kita ditampilkan - Warna toolbar pada browser chrome beberapa perangkat dapat berubah contohnya pada browser chrome di android dan iphone, sebenarnya warna yang tampil pada toolbar browser ini dapat anda atur sesuai dengan keinginan Anda pemilik blog karena hanya dengan menambahkan sedikit code css pada bagian template maka warna toolbar pada beberapa perangkat akan berubah.

Sebagai contoh saja ketika anda membuka facebook pada browser chrome di android warna toolbar akan berubah menjadi warna biru hal ini bukan dikarnakan warna header pada facebook berwarna biru sehingga warna toolbar berubah menjadi biru juga melainkan telah ada sisipan code css yang merubah warna toolbar tersebut sehingga warna toolbar pun berubah.

Untuk contoh yang lain anda bisa melihat pada gambar awal posting ini yang menampilkan beberapa warna pada toolbar ketika blog saya ditampilkan. Untuk dapat menyerupai pada gambar tersebut silahkan ikuti langkah-langkah yang akan saya berikan kepada anda ini.

Langkah 1 Pemasangan :

1. Silahkan login menuju blog milik anda
2. Silahkan menuju Template
3. Pilih Edit HTML
4. Cari code css <head> (Gunakan ctrl+f untuk memudahkan menemukan code)
5. Paste code setelah code css <head>
<!-- Chrome, Firefox OS and Opera -->
<meta content='#3498DB' name='theme-color'/>
<!-- Windows Phone -->
<meta content='#3498DB' name='msapplication-navbutton-color'/>
<!-- iOS Safari -->
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#3498DB' name='apple-mobile-web-app-status-bar-style'/>
Keterangan:

Kode yang saya tebalkan dengan warna merah merupakan code warna yang dapat anda sesuaikan dengan warna header dari blog milik anda agar nantinya warna toolbar akan serasi deengan warna header anda dan seakan-akan menyatu.

Jika kebingungan memilih code warna yang sesuai dengan blog milik Anda, Anda dapat menggunakan tools kode warna milik saya => kode warna 
Advertisemen

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Related Posts
Disqus Comments
© Copyright 2017 Yuli Agustiani - All Rights Reserved - Created By BLAGIOKE Diberdayakan oleh Blogger