Tùy chỉnh thanh địa chỉ và biểu tượng Blog trên trình duyệt điện thoại

How to Change Icon Blog and the Color of Header Bar/Address Bar in Browser

Hiện nay, việc truy cập vào Blog - Website nói chung bằng thiết bị di động đã không còn xa lạ. Tuy nhiên, khi bạn truy cập, thanh địa chỉ hiện tại của trình duyệt vẫn bình thường (màu mặc định). Với điên thoại Android 5.0 Lollipop trở đi, Google đã hỗ trợ việc đồng bộ màu của ứng dụng với màu sắc của thanh status.

Vậy làm thế nào để đồng bộ màu sắc website của bạn? Hãy xem bài viết hướng dẫn này nhé!

TÙY CHỈNH MÀU THANH ĐỊA CHỈ TRÌNH DUYỆT

Vào Chủ đề > Chỉnh sửa HTML và thêm thẻ meta bên dưới vào SAU thẻ <head>
<meta content='#fff' name='theme-color'/>
<meta content="#fff" name="msapplication-navbutton-color"/>
<meta content="#fff" name="apple-mobile-web-app-status-bar-style"/>
Thay #fff bằng mã màu mà bạn muốn.
Các bạn có thể vào Color-Hex để tìm mã màu phù hợp nhé!

ĐỒNG BỘ MÀU THANH ĐỊA CHỈ TRÌNH DUYỆT CHO BLOGSPOT

TÙY CHỈNH BIỂU TƯỢNG CỦA BLOG

Bạn cũng có thể tùy chỉnh icon website khi hiển thị trên trang Recent Page hoặc trang Bookmark trên các trình duyệt di động.
Vào Chủ đề > Chỉnh sửa HTML và thêm đoạn HTML bên dưới vào SAU 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 từng dòng trên thành địa chỉ Icon blog của bạn.
LƯU Ý: Định dạng ảnh phải là PNG.


ĐỒNG BỘ BIỂU TƯỢNG BLOG TRÊN TRÌNH DUYỆT ĐIỆN THOẠI

Save lại và vào trình duyệt điện thoại check ngay nhé! 8-)
Nếu thành công hãy quay lại comment phía dưới nhé ^^

LỜI KẾT

Với thủ thuật Tùy chỉnh thanh địa chỉ và biểu tượng Blog trên trình duyệt điện thoại đơn giản này sẽ khiến Blog của bạn ít nhiều cũng trở nên chuyên nghiệp hơn trong mắt của độc giả, cũng như người xem.

Hãy để lại comment phía dưới hoặc Chia sẻ bài viết để ủng hộ tác giả nhé!

Mong muốn chia sẻ những hiểu biết cũng như kinh nghiệm của bản thân đến với mọi người
Life is not fair, get used to it

CHIA SẺ BÀI VIẾT

BÀI VIẾT LIÊN QUAN

Previous
Next Post »


Cùng tham gia bình luận tại bài viết này nhé!

Bạn nên xem! × +

Một số lưu ý khi bình luận

Mọi bình luận chứa Liên kết (link) - Quảng cáo - Spam sẽ bị XÓA

Đánh dấu Thông báo cho tôi bên dưới khung bình luận để nhận thông báo nhanh nhất khi Admin trả lời

[ Xem NỘI QUY ]

______________

Bình luận sẽ được KIỂM DUYỆT trước khi được đăng!