Meta Tag Untuk Tukar Color Address Bar Chrome Mobile Phone

Semua designer web mesti nak website diorang mesra mobile phone. Bila hang browser website semua akan rezise mengikut resolution screen mobile phone masing-masing. Ni aku nak tunjuk pasai meta tag untuk tukaq color kat bar chrome mobile punya. Code dia ringkas ja.. Hang pa bubuh selepas

</head>

Bubuh ja kat mana yang sesuai sebab dia hanya meta tag. Kat bawh ni meta tag untuk chrome mobile phone.

Code Untuk Tukaq Color :-

<meta name="theme-color" content="Code color yang hang pa mau..">

Contoh :-

<meta name="theme-color" content="#3a5795">

Code color web aku ni aku pakai #3a5795. So tukaq ja la tang tu.. Bila chrome baca dah terbaca meta tag dia. Secara auto dia akan paham dan tukaq color teruih. Simple kan? Kalau nak bubuh logo pon boleh gak.. Banyak sebenarnya funsi meta tag ni. Ni aku bagi code untuk logo lak. Logo ni banyak dia paparkan macam gambaq kat bawah ni..

Hang nampak dak logo CF tu.. Ha tu logo yang dia paparkan. :)

Code Untuk Logo :-

<link rel="icon" sizes="192x192" href="linklogohangpa.png">

Contoh :-

<link rel="icon" sizes="192x192" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5S00U3-tLsAG1Jml-0Xf4sLx2ock7NEMFaxTGb0ua05GxNEifPspoypqFWl3AOq9B2iiG6sy1Ogke6iCG16KZMvf6jsY4Tqj-jrfKw5dp4ze92_57WZlrVvaIll9cEM4aFWsRlNFl8m0/s1600/CrewFathi+Blog.jpg">

Haa.. Tu ja la.. Kalau hang pa nak meta tag untuk Mozila ka Safari ka.. Opera ka.. Masuk link kat bawah. Nanti dia ajaq la.. Pandai-pandai la hang godek..

==> Developers Google

Ok? Tak paham pi comment bawah nu..