Advertise Here ?

Tạo FavIcon - Biểu tượng trước địa chỉ

Khi duyệt web bạn thường thấy 1 icon nhỏ nằn trước địa chỉ của trang web đó ? Đó là 1 FavIcon của trang web .
Theo mặt định của Blogger.com, trước địa chỉ blog của bạn luôn có biểu tượng màu cam hình bai trùm hình chữ B. Vậy làm thế nào chúng ta thay đổi nó bằng cái của chúng ta.

***Nếu bạn đang dùng trình duyệt Firefox hoặc IE7 bạn có thể thấy được biểu tượng Favicon

Trước hết bạn cần có một hình ảnh thông thường để convert sang hình ảnh với phần mở rộng là .ico. Bạn có thể dùng các chương trình đồ họa như Microsoft Paint (Stat->Programs->Accessories->Paint), Adobe Photoshop hay bất cứ chương trình nào khác để thiết kế cho mình một cái.

Ngoài ra còn rất nhiều trang web hỗ trợ trực tuyến cho công việc này .Ở đây tôi chỉ giới thiệu với các bạn 1 trang thôi ( đủ xài là được rồi không cần nhiều đâu )

http://www.htmlkit.com/services/favicon/ có thể giúp bạn mà bạn không cần cài đặt gì.

Đầu tiên, bạn mở trang đó lên, click nút Browse để tìm đến file hình ảnh lưu trên máy. Bấm nút Generate FavIcon.ico để thực hiện. Trang kết quả hiện ra như bên dưới.



Click vào Test in Browser để xem trước. Nếu bạn ứng ý thì click Download FavIcon đề download về máy.

Bạn sẽ nhận được file hình ảnh có phần mở rộng .ico.

Bây giờ thì làm sao để bạn tìm được nơi lưu trữ file này. Rất tiếc các công cụ chia sẻ ảnh không hỗ trợ hình ảnh có phần mở rộng như vậy.

Có một giải pháp là bạn dùng Google Page Creator. Đây là một trong những lý do mà tôi đã khuyên bạn đăng ký Google Account trước khi tạo blog. Hãy kích hoạt chức năng này của Google nếu nó yêu cầu. Sau đó bạn upload file ảnh lúc nãy lên đây. Xong, bạn click phải vào file đã upload tìm liên kết đến file FavIcon có dạng như: http://tentaikhoan.googlepages.com/ttcb_favicon.ico


Nơi upload favicon trên Google Page Creator


Bạn chép (nhớ sửa lại liênkếnđếnfileFavIcon)

<link rel="shortcut icon" href="liênkếnđếnfileFavIcon"/>

Rồi paste đoạn mã này vào giữa hai tag <head> .... </head> ở Edit HTML (Template->Edit HTML). Save lại để hoàn tất. Chúc bạn thành công!

*** Khi bạn đã có tài khoản Google rồi thì chỉ cần đăng nhập -> mở thêm một trình duyệt web rồi gõ địa chỉ googlepages.com vào rồi Enter. nó sẽ tự tìm đến page cảu bạn .