Tùy chỉnh màu sắc và biểu tượng icon hiển thị trên mobile cho blogger

#Thủ Thuật #Windows #Blogger #Facebook

Tùy chỉnh màu sắc và biểu tượng icon hiển thị trên mobile cho blogger

Share:
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

Đầu tiên các bạn vào Chủ đề => Chỉnh sửa rồi các bạn dán đoạn code sau bên dưới thẻ <head>
<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="192x192" rel="icon" >
<link href="url-icon-iphone.png" rel="apple-touch-icon">
<link href="url-icon-ipad.png"  sizes="76x76" rel="apple-touch-icon">
<link href="url-icon-iphone-retina.png" sizes="120x120" rel="apple-touch-icon">
<link href="url-icon-ipad-retina.png" sizes="152x152" 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é.

Lời kết

Chúc các bạn thành công!
Nếu bạn gặp bất cứ vấn đề nào trong quá trình thực hiện vui lòng để lại comment bên dưới bài viết.
CHUYÊN MỤC

Bài Viết Liên Quan

Bình Luận Gần Đây

Một số lưu ý khi bình luận
● Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước.
● Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin.
● Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.
● Để bình luận một đoạn code, hãy mã hóa code trước nhé.