Tuesday, July 3, 2018

√ Cara Mengganti Warna Address Kafe Chrome Mobile Di Blog

Mengganti warna address kafe chrome mobile di blog √ Cara Mengganti Warna Address Bar Chrome Mobile di Blog

Mengganti Warna Address Bar Chrome Mobile - Mungkin Anda pernah melihat warna address kafe atau header pada Google Chrome Mobile berubah warnanya menjadi warna tertentu. Yang tadinya berwarna standar ialah bubuk - bubuk kemudian saat membuka salahsatu website (contohnya Facebook) warna tersebut bermetamorfosis warna yang sesuai dengan website tersebut.

Hal tersebut memang dapat Anda lakukan pada Blog dengan cara menambahkan instruksi warna pada bab <head>. Biasanya hal ini dilakukan hanya untuk mempercantik tampilan blog.

Namun perlu Anda ketahui, bahwa mengganti warna pada address kafe chrome hanya berlaku pada Smartphone, jadi tidak berlaku pada Dekstop.


Cara Mengganti Warna Address Bar pada Browser Chrome



Cara nya sangat mudah, Anda hanya perlu menambahkan instruksi dibawah ini sempurna dibawah <head>


Untuk Pengguna Android


Untuk mengganti warna address kafe pada Chrome Android, gunakan instruksi dibawah ini. Ganti #138be6 dengan instruksi warna yang sesuai dengan tampilan blog Anda
<meta content='#138be6' name='theme-color'/>

Untuk Pengguna Windows Phone


Untuk mengganti warna address kafe pada Chrome Windows Phone, gunakan instruksi dibawah ini. Ganti #138be6 dengan instruksi warna yang sesuai dengan tampilan blog Anda
<meta name="msapplication-navbutton-color" content="#138be6" />

Tambahan


Sedikit saran dari saya, gunakan warna yang cocok, ialah warna yang banyak dipakai pada blog Anda. Misalnya pada blog ini warna yang dipakai ialah biru, jadi Saya memakai warna biru juga pada instruksi tersebut.

Nah untuk melihat instruksi warna nya Anda dapat melihat pada Edit HTML di bab Header Wrapper. Atau jikalau kesulitan mencarinya, dapat mengambil instruksi warna dari Flat UI Color Picker

Demo


Untuk melihat jadinya atau pola sesudah menambahkan instruksi diatas. Anda dapat melihat Blog SiddiqRN pada browser Google Chrome di Smartphone.


Penutup


Mungkin sekian untuk Tutorial Blogging atau Design Blog kali ini. Semoga artikel ini bermanfaat dan silahkan share kepada sobat blogger kalian. Jangan lupa like fanspage Kami


Artikel Menarik Lainnya



Sumber http://www.siddiqrn.net/