Tùy chỉnh màu sắc và biểu tượng icon hiển thị trên mobile cho blogger
Chào các bạn, hôm nay mình sẽ hướng dẫn các bạn cách tùy chỉnh màu sắc thanh trạng thái và biểu tượng icon của blog khi hiển thị trên mobile.
HƯỚNG DẪN THỰC HIỆN
1. CHỈNH SỬA MÀU SẮC
<meta content=’#065381‘ name=’theme-color’/>
<meta content=”#065381” name=”msapplication-navbutton-color”/>
<meta content=”#065381” name=”apple-mobile-web-app-status-bar-style”/>
Thay #065381 thành mã màu bạn muốn
2. CHỈNH SỬA BIỂU TƯỢNG ICON
Các bạn cũng copy và dán đoạn code sau bên dưới thẻ <head>
<link href=”url-icon-website.png” sizes=”192×192″ rel=”icon” >
<link href=”url-icon-iphone.png” rel=”apple-touch-icon”>
<link href=”url-icon-ipad.png” sizes=”76×76″ rel=”apple-touch-icon”>
<link href=”url-icon-iphone-retina.png” sizes=”120×120″ rel=”apple-touch-icon”>
<link href=”url-icon-ipad-retina.png” sizes=”152×152″ rel=”apple-touch-icon”>
Thay url-icon với định dạng png và kích thước tương ứng vào đoạn code trên nhé.