Thursday, June 20, 2013

Tự tạo favicon icon cho website của bạn

( Khởi nghiệp Internet)

Có một cách để làm cho website của bạn nổi bật hơn trên thanh bookmark đó là hãy tạo một icon riêng.
Hãy xem trên thanh bookmark của Blog Khởi nghiệp Internet có icon "Victor" là bản thân Victor tự thiết kế.
Quá trình tạo file này rất đơn giản. Bạn hãy tạo một hình GIF hoặc PNG có kích thướng 16×16 pixel có liên quan đến website của bạn sau đó save nó lại thành một file có tên là favico.ico. Upload file này lên thư mục gốc và thêm vào dòng code sau vào trong tag <head></head>.
Bạn vào template->Edit HTML
CTrl + F tìm từ khoá "favicon"
Thay link đó bằng link sau:
 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
Hãy thay cái URL trên bằng URL của file favicon.ico của bạn và như thế là đã xong. Bây giờ, khi ai đó truy cập website của bạn sẽ thấy một icon nhỏ hiện trên thanh address, và icon này cũng hiện trên cả thanh bookmark. Nếu người đọc có quá nhiều bookmark thì icon này sẽ giúp website của bạn dễ dàng được nhận biết với các trang web khác.

Ngoài cách trên còn có một số trang web cho phép  bạn tạo favicon icon như http://www.favicon.cc/
 Trong đó, bạn tạo tài khoản ở favicon.cc xong thì tự thiết kế riêng icon cho mình.

Sau khi thiết kế icon xong, tìm hướng dẫn "How to add the favicon to your page ?" ở ngay dưới có bảng mã HTML snippet, bạn copy toàn bộ rồi thay vào link favicon của blog như ở trên.

Save là xong!
Chúc bạn thành công.

No comments:

Post a Comment