Thêm icon vào đầu địa chỉ website
Sunday, January 17, 2010 1:47:16 AM
1. Tạo biểu tượng Favicon:
Bạn có thể sử dụng các chương trình như: PhotoShop, IrfanView,...để tự tạo cho mình một Favicon theo ý muốn. Bên cạnh đó bạn có thể sử dụng 1 số phần mềm và dịch vụ sau:
GoldIcon: chương trình tạo Favicon trên máy tính.
Chuyển một bức ảnh thành một Favicon: http://www.htmlkit.com/services/favicon/.
Tạo Favicon online: http://www.favicon.cc/
Lưu ý là Favicon là file có định dạng .ICO.
2. Sử dụng Favicon cho website hoặc blog
Với website bạn chỉ cần upload Favicon này vào thư mục gốc của website trên host là được.
Nếu ko được bạn thêm đoạn mã sau vào
<head>thêm vào đây</head>
Đoạn mã sau:
<link rel="shortcut icon" href="favicon.ico" >
Với blog (blogspot của Google là một ví dụ) bạn làm như sau:
Trước tiên, upload Favicon này lên một host nào đó. Host cho phép upload file .ICO khá khó tìm, giải pháp ở đây là sử dụng Google Page Creator. Google Page Creator chấp nhận file .ICO, đơn giản, dễ sử dụng và miễn phí. Theo ý kiến của riêng tôi, bạn có thể chuyển đổi file .ICO thành .PNG, trình duyệt vẫn hiển thị Favicon tốt mà không có bất kỳ trở ngại nào.
Đăng nhập vào Blogger, trong phần chỉnh sửa code HTML của Blog, bạn thêm đoạn code sau vào giữa 2 tag <head> và </head>:
<link rel="shortcut icon" href="http://youraccount.googlepages.com/favicon.ico" />
<link rel="icon"href="http://youraccount.googlepages.com/favicon.ico" />
Thay thế youraccount với tên tài khoản Google Page Creator của bạn. Ví dụ với blog của tôi thì code như sau:
<link rel="shortcut icon" href="http://dangquockhanh.googlepages.com/favicon.ico" />
<link rel="icon"href="http://dangquockhanh.googlepages.com/favicon.ico" />
Cuối cùng bấm nút Lưu lại Template của blog.
Cảm ơn bạn đã ghé thăm site của tôi! Bạn hãy để lại lời nhận xét (comment) của mình! Hoặc bạn cũng có thể đăng kí nhận bản tin RSS. Tôi hy vọng bạn thích site này của tôi và tìm được những thông tin bổ ích, và nếu có thể hãy thêm địa chỉ site này vào favorites của bạn để có thể ghé thăm lại. Cám ơn!







