Trang chủ \ \ \

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/AVvXsEjF65M17mlJzEXi_AvbSki0RuKYS6OGmZ39ANbjOkza4pJYhFENbaaXJWkWXxLSE6fUM2ClWlRK6vb6Zia9M2K1UImRrwCYaDWTwhjTeqpK4PDBZLpLGWzQdRAx-xtbZAwRukHWtMCgAU0/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 !

+1 để chia sẻ

DMCA.com Protection Status

20

nhận xét

Google Draft vừa mới thêm tính năng này, thích nhất là icon có thể hiển thị cả trên IE9 =D>

Trả lời Xóa

@May Thy :)), Blogger Draft tâm lý cho người dùng quá, càng thêm tiện ích mới sẽ giúp rất nhiều cho những các bạn mới tham gia dễ áp dụng. Mong có nhiều tiện ích hay hơn nữa.Mình ít dùng IE lắm, khoái nhất vẫn là Chrome và FireFox

Trả lời Xóa

Mình đang thi nên trong vòng 2 tuần ko thể post bài đc :)

Trả lời Xóa
Nặc danh
Nặc danh 13/6/11 12:06

Bạn qua blog mình comments để vote + 1 cho mình về template mới của mình nhé Thanks : http://www.ictsoft.net/2011/06/anh-gia-ve-affiliate-tech-template.html

Trả lời Xóa

Mình không thích dùng IE9 chút nào, nó hiển thị web không được tốt như các trình duyệt khác. Firefox là lựa chọn hàng đầu :)

Trả lời Xóa

Hay hơn cách can thiệp vào temp ở chỗ hiển thị ngay cả các trang báo lỗi
Ví dụ: http://www.moigioiforex.com/ssss Blog mình chưa up favicon nên vẫn là chữ B nhưng các Blog up rùi thì >>>>fav :)

Trả lời Xóa

@Minh Quân Đã sang cho bạn 1 vote :D. Chúc bạn giật giải :))

Trả lời Xóa

Đã áp dụng :) thanks !!!

Trả lời Xóa

cám ơn nhé ,bài viết bổ ích lắm :)

Trả lời Xóa

@BLOG BÍ ẨN Cảm ơn bạn đã ghé qua. Chúc blog bí ẩn phát triển :))

Trả lời Xóa

Trường Anh add link này hộ mình nha: http://www.vppanhdao.tk/

Trả lời Xóa

liên kết nè truonganh,app rồi nha :)

Trả lời Xóa

Blogger mới đổi giao diện nên ko biết cách edit HTML nên có ai biết chỉ dùm với,

Trả lời Xóa

@elinalisa Bạn vào Bảng điều khiển của Blog cần sửa ( Biểu tượng cái nhà ) >> Chọn Mẫu >> Kéo xuống dưới cùng chọn Chỉnh sửa Mẫu >> Bây giờ thì dễ dàng rồi :D. Chúc bạn thành công ! Thân !

Trả lời Xóa

Trường Anh add link tớ trang này nhé: xem tivi
Thanks nhiều :)

Trả lời Xóa

Đặt link này nha Trường Anh: http://www.thegioitv.tk/

Trả lời Xóa

Sửa giúp mình thành http://www.thegioitv.com/ nha Trường Anh, mới tậu đc con .com hì hì

Trả lời Xóa

hị hị, lại 1 lần nữa nhờ Trường Anh rầu, sửa link thành http://www.thegioitv.info hộ mình nha :(

Trả lời Xóa

Hi hi... Lâu lâu mới vào nhà bạn, chúc một ngày tốt lành nhé =>

Trả lời Xóa

Ban ak. Cho to hoi cach an tieu de thay ban hinh anh voi nha. Lien he qua email baosangpxln@gmail.comBan ak. Cho to hoi cach an tieu de thay ban hinh anh voi nha. Lien he qua email baosangpxln@gmail.com

Trả lời Xóa

Đăng nhận xét :

Hủy trả lời

Cảm ơn bạn đã đọc bài viết, nếu có góp ý vui lòng gõ tiếng Việt có dấu, dễ đọc và tỏ ra tôn trọng tiếng Việt nhé !
Mọi ý kiến hay khúc mắc riêng các bạn có thể gửi về Trang Liên hệ Hoặc qua email của mình: buitruonganh.tk@gmail.com nhé !
Hân hạnh được làm quen! Bùi Trường Anh

Thư mục

Nhận xét mới

↑ top | RSS | Policy | © Copyright