Thứ Ba, 15 tháng 5, 2018

Thay Favicon cho Blogger/Blogspot không cần chỉnh sửa HTML

Favicon là 1 hình icon nhỏ hiển thị ngay trên các tab của trình duyệt. Icon này giúp người dùng phần nào phân biệt được, biết trước được trang chứa icon đó. Nói chung lại , favicon như 1 biểu tượng, một logo để phân biệt các trang web.

Biết được lợi ích cũng như có nhiều người dùng như vậy, mới đây Blogger đã chính thức cho phép người dùng trực tiếp sử dụng favicon một cách dễ dàng nhất.

Đầu tiên bạn cần đăng nhập vào Bảng điều khiển >> Thiết kế >> Phân tử trang
Ở đây bạn sẽ nhìn thấy section Favicon ngay trên cùng >> Bấm chọn Chỉnh sửa


Một cửa sổ mới hiện ra, bạn chọn Choose File (Google Chrome) ( đối với trình duyệt IE và FireFox là Browse...) để upload favicon của bạn lên

Lưu ý: Hiện tại Blogger mới chỉ cho upload ảnh với định dạng file .ico và dung lượng <10KB
Tuy nhiên bạn có thể chuyển đổi các định dạng ảnh khác như JPG, PNG, GIF... bằng phần mềm. 

Ngoài ra có rất nhiều công cụ chuyển đổi trực tuyến, nếu bạn tìm trên Google sẽ cho ra rất nhiều kết quả, chẳng hạn như http://www.icoconverter.com/


Sau khi chờ upload ảnh xong, bấm chọn LƯU


F5 để làm mới trang blog của bạn và xem kết quả thôi ^^!

Trước kia, Blogger cho hiển thị icon blogger mặc định là chữ B nền màu da cam :

Nếu muốn thay thế bạn phải vào Thiết kế >> Chỉnh sửa HTML

Tìm: <title><data:blog.pageTitle/></title>

Và thêm ngay dưới nó đoạn mã :

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfia5LI9mtV-Zg7zfy0XcQu_ryqsy1U8MezFsvUJoXQCyXRVMS3S4rfy_nGTClF8MKgcj0I9s58p6XLwbdX-ChhJtwxJl8jHZUxx08h9apBjQRPf0JP8Cd33NplI6baid-loZfHpnlYJA/s320/btablog.jpg' rel='shortcut icon' type='image/icon'/>

Trong đó, bạn phải thay đoạn mã màu đỏ bằng đường dẫn(URL) icon của bạn( đã upload lên 1 trang nào đó, như Picasa, upanh.com chẳng hạn).
Đuôi file hỗ trợ tốt nhất là .ico, độ phân giải 16x16 hoặc 32x32.

Chúc các bạn thành công !

0 nhận xét: