Mặc dù WordPress là một trong những nền tảng blog mạnh mẽ hơn, nhưng tôi luôn là người hâm mộ Blogger của Google.

Sau khi tạo blog công nghệ cá nhân của tôi, TechComet, trên Blogger, tôi nhận ra rằng blog của tôi thiếu liên lạc chuyên nghiệp vì biểu trưng của nó được đặt thành biểu trưng mặc định của Blogger: chữ "B" trắng và cam.

Nếu bạn muốn tạo thương hiệu cho blog của mình, điều quan trọng là thay thế biểu tượng mặc định bằng sáng tạo của riêng bạn khớp với chủ đề trang web của bạn.

Trong bài viết này, tôi sẽ phác thảo các bước để tạo và thay đổi favicon Blogger.

Lưu ý : Các bước được phác thảo hướng đến người dùng Blogger, tuy nhiên các bước chung trong việc tạo một favicon có thể áp dụng cho bất kỳ trang web hoặc blog nào.

Sử dụng một Favicon

Một favicon là một biểu tượng 16 × 16 xuất hiện trên thanh tiêu đề trình duyệt hoặc thanh địa chỉ. Các trình duyệt hỗ trợ duyệt web theo thẻ cũng hiển thị favicon trên từng tab riêng lẻ.

Như ảnh chụp màn hình cho thấy, một favicon thực sự có thể giúp blog của bạn phân biệt chính nó trong một trình duyệt đông đúc vì chúng là các chỉ báo trực quan tuyệt vời.

Tạo một Favicon mới

Bước đầu tiên là tạo favicon của riêng bạn.

Favicon thường được tạo bằng định dạng .ico, tuy nhiên bạn cũng có thể tạo favicon bằng cách sử dụng định dạng GIF hoặc PNG.

Nếu bạn không cảm thấy đặc biệt sáng tạo, bạn có thể tìm kiếm trên web bất kỳ hình ảnh nào bạn muốn hiển thị dưới dạng hình đại diện và thu nhỏ kích thước xuống 16 × 16 và lưu nó dưới dạng tệp .ico, .png hoặc .gif. Ngoài ra còn có một số phòng trưng bày favicon, nơi bạn có thể tải về favicon được làm sẵn có kích thước và định dạng cần thiết.

Tuy nhiên, nếu bạn đang gặp rắc rối khi tạo thương hiệu cho blog của mình, điều đó có nghĩa là biểu tượng phù hợp với chủ đề của blog của bạn. Ví dụ: tôi có chủ đề màu nâu sẫm cho blog của mình:

Và tôi quyết định rằng nó sẽ là thích hợp nhất nếu tôi tạo một favicon phù hợp với chữ và màu sắc.

Photoshop có lẽ là ứng dụng tốt nhất để sử dụng để tạo favicon của bạn. Chỉ cần nhớ vẽ hình ảnh của bạn trên canvas 16 × 16 và lưu nó dưới dạng tệp .gif hoặc .png.

Nếu bạn không có Photoshop, có một số "máy phát điện favicon" như thế này, nơi bạn có thể tạo và chỉnh sửa hình ảnh trên canvas 16 × 16.

Tải lên hình đại diện của bạn

Blogger không cung cấp dịch vụ lưu trữ, nhưng bất kỳ hình ảnh nào bạn đính kèm vào bài đăng trên blog đều được lưu tự động vào tài khoản Picasa của bạn.

Vì vậy, tất cả những gì bạn phải làm là tạo một bài đăng blog trống và đính kèm favicon của bạn vào đó. Sau đó, xem phiên bản HTML của bài đăng trên blog của bạn bằng cách nhấp vào " Chỉnh sửa HTML" .

Vị trí của favicon của tôi là “ http://2.bp.blogspot.com/_MZZJ1m2SoG0/TG-IyPj4ZZI/AAAAAAAAAF0/bC0IZk9S3a8/s1600/logo-(16×16).png ”. Lưu ý liên kết nơi đặt favicon của bạn.

Nếu bạn sử dụng dịch vụ tải lên hình ảnh khác như ImageShack, hãy nhớ ghi chú liên kết trực tiếp tới hình ảnh (tức là liên kết kết thúc bằng .ico, .png hoặc .gif chứ không phải .html). Ví dụ, liên kết ImageShack cho favicon của tôi là “ http://img175.imageshack.us/img175/8924/logo16x16.png ”.

Thay đổi Favicon mặc định của Blogger

Một khi bạn đã tạo và tải lên một favicon bạn hài lòng, mở bảng điều khiển Blogger của bạn và chọn " Thiết kế ".

Tiếp theo, trên cửa sổ chính của Blogger, chọn “ Chỉnh sửa HTML ”.

Thao tác này sẽ mở trình soạn thảo mẫu HTML. Ở đây kiểm tra " Mở rộng mẫu Widget" để đảm bảo rằng tất cả các mã HTML cho trang web của bạn có thể nhìn thấy.

Sau đó cuộn xuống và dán phần sau TRƯỚC KHI “ " nhãn:

Làm mới blog của bạn và favicon mới sẽ được hiển thị.