{tocify} $title = {Mục lục bài viết}
Bạn có một website, việc phát triển giao diện mobile rất quan trọng. Nó thể hiện tính chuyên nghiệp và sự thiết kế sáng tạo của người quản trị viên, là một giải pháp hiệu quả để nhanh chóng tiếp cận khách hàng. Tuy nhiên, khi bạn truy cập, thanh địa chỉ hiện tại của trình duyệt là 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. Hôm nay, mình sẽ hướng dẫn các bạn đồng bộ màu sắc website.
Đầ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'/>
Các bạn cũng copy và dán đoạn code sau bên dưới thẻ
<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.
Save lại vào vào trình duyệt di động check ngay nhé
[/tintuc]
[tintuc]
Hiện nay, với sự phát triển của công nghệ thông tin, việc sở hữu một chiếc điện thoại thông minh đã trở nên quá dễ dàng. Theo thống kê của Appota, có tới 72% dân số sở hữu smartphone. Sự gia tăng nhanh chóng tỉ lệ sở hữu điện thoại và hành vi lên mạng bằng điện thoại lên tới 68%, đã khẳng định đây là mảnh đất rộng lớn cho các doanh nghiệp khai thác.
Bạn có một website, việc phát triển giao diện mobile rất quan trọng. Nó thể hiện tính chuyên nghiệp và sự thiết kế sáng tạo của người quản trị viên, là một giải pháp hiệu quả để nhanh chóng tiếp cận khách hàng. Tuy nhiên, khi bạn truy cập, thanh địa chỉ hiện tại của trình duyệt là 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. Hôm nay, mình sẽ hướng dẫn các bạn đồng bộ màu sắc website.
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"/>
<meta content="#065381" name="apple-mobile-web-app-status-bar-style"/>
Thay #065381 thành mã màu bạn muốn
Các bạn có thể vào Color-Hex để tìm mã màu phù hợp nhé
2. TÙY CHỈNH ICON
<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.
Save lại vào vào trình duyệt di động check ngay nhé
Với thủ thuật tùy chỉnh màu sắc và icon hiển thị trên di động cho blogspot đơn giản này sẽ làm cho Blog của bạn trở nên chuyên nghiệp hơn trong mắt người xem.
[/tintuc]
Post a Comment