[IE] Tạo danh sách tác vụ khi ghim trang vào Start menu

[baivong]

Ghi chú:
Từ phiên bản Internet Explorer 9, Microsoft đã cho phép ghim trang web vào Start menu. Điều này cho phép người dùng truy cập trang web ưa thích của mình một cách nhanh chóng.
Đối với trang web được ghim, sẽ có vài điểm đặc biệt như biểu tượng(icon) trang web sẽ thay cho biểu tượng trang chủ và đặt trước nút điều hướng, nền nút điều hướng đổi theo màu chủ đạo của biểu tượng, các tùy chỉnh trình duyệt được đưa về mặc định.

[You must be registered and logged in to see this image.]

Nhà phát triển sẽ có thể tạo một số tùy chỉnh cho trang web của mình khi được ghim. Trong bài này mình sẽ hướng dẫn các bạn tạo danh sách tác vụ - Theo hình trên nó là vị trí Jump list Tasks.

Hướng dẫn:

Đầu tiên bạn phải có một biểu tượng. Chrome, firefox,.. vẫn chấp nhận hiển thị biểu tượng không phải dạng *.ico, Internet Explorer thì không, bắt buộc bạn phải dùng file ảnh *.ico và nên dùng kích cỡ 32x32 px.
Nếu chưa có, bạn có thể tạo tại: [You must be registered and logged in to see this link.]
Để dùng công cụ này, trình duyệt của bạn phải hỗ trợ HTML5. Mặc dù công cụ này có hỗ trợ vẽ biểu tượng, nhưng hơi bất tiện. Nếu bạn định kiếm một công cụ đổi biểu tượng của bạn sang dạng *.ico thì dùng nó cũng không tồi.

[You must be registered and logged in to see this image.]
Tải biểu tượng của bạn lên.

[You must be registered and logged in to see this image.]
Xem hiển thị ở 4 kích cỡ, bạn cũng có thể vẽ vời thêm nếu muốn.

[You must be registered and logged in to see this image.]
Xem trước hiển thị ở các vị trí.

Sau đó bạn nhấn vào Export để tải xuống. Chọn một host có hỗ trợ ảnh *.ico như dropbox chẳng hạn, tải lên và lấy liên kết trực tiếp. Và thay vào favicon của diễn đàn:
ACP >> QLTT >> Forum >> Cấu hình diễn đàn >> Forum favicon

Để tạo liên kết cho danh sách tác vụ bạn dùng thẻ Siêu dữ liệu(metadata) msapplication-task, cấu trúc như sau:

Code:

<meta name="msapplication-task"
      content="name={Tên liên kết};
      action-uri={Liên kết};
      icon-uri={Liên kết đến bểu tượng}" />

Để thêm liên kết, bạn chỉ cần tạo lặp lại cấu trúc trên, thay đổi các tham số cho phù hợp.
{Liên kết đến bểu tượng} không nhất thiết phải giống biểu tượng của diễn đàn, bạn có thể dùng các ảnh khác những phải theo định dạng *.ico

Trong forumotion, bạn vào ACP >> QLTT >> Forum promotion >> Search engines >> Additional tags [You must be registered and logged in to see this image.]
Lần lượt tạo các thẻ META như sau.

• Metatags Administration
  
  • Add type : Create a "Meta" Tag type
  
  
• Referencing : metatags
  
  • "name" attribute : msapplication-task
    
  • "content" attribute : name={Tên liên kết}; action-uri={Liên kết}; icon-uri={Liên kết đến bểu tượng}

Mã "content" của Ctrl©:

Một số tùy chỉnh thêm cho trang được ghim:

Kết quả:

[You must be registered and logged in to see this image.]

Nguồn tham khảo: [You must be registered and logged in to see this link.]

Viết bởi [You must be registered and logged in to see this link.] - [You must be registered and logged in to see this link.]

[nightWalker]

XP làm dc không huynh

[baivong]

XP làm dc không huynh

Cài được IE 9+ thì... có lẽ

[nightWalker]

[You must be registered and logged in to see this link.]

[Sponsored content]