Thủ thuật tạo Favicon icon cho trang Blogger Blogspot trong 5 phút.

VnTim™ ^-^ Với thủ thuật trong bài viết ,bạn có thể tạo một Favicon cho trang Blogger Blogspot trong vài phút ,cách này cũng áp dụng cho các nền blog khác và các trang web .

Cần nhắc lại về các chỉ dẫn của bài này là mới nhất và chưa hề phổ biến ,thủ thuật có thể giúp một Blogger “tay mơ” tạo cho blog của mình có biểu tượng Favicon ngay lập tức.Thật ra Favicon cũng giống như một bảng hiệu nhỏ là biểu trưng cho trang blog giúp cho blog có tính chuyên nghiệp hơn.

Thủ thuật này sẽ giúp bạn tạo Favicon ngay tại trang blog editor ,tất cả sẽ thực hiện nơi viết bài hàng ngày của bạn trên Blogger.Bạn sẽ không cần các thao tác như nhiều chỉ dẫn cũ đã có trên mạng về tạo Favicon như:

• Không cần đến trình biên tập hình ảnh nào để tạo mẫu Favicon đúng tiêu chuẩn hay định dạng .ico .
• Không cần phải upload tập tin hìah ảnh của biểu tượng lên nguồn lưu trữ nào khác trên mạng để lấy URL về dùng làm Favicon như kiểu cũ.
• Không cần chờ đọi bất cứ sự liên kết nào ,Favicon của bạn sẽ xuất hiện ngay lập tức trên thanh Address bar , ngay trên Favorites.

Các bước tạo hình ảnh Favicon đúng chuẩn.

Mở trang viết bài “create new post” như vẫn làm hàng ngày trên Blogger ,là trang trắng và bắt đầu với việc tải lên ( upload ) hình ảnh nào mà bạn muốn tạo thành biểu tương cho blog của bạn.

Không cần chú ý đến kích cỡ ,to nhỏ đều được,theo kinh nghiệm bạn nên chọn ảnh gần như vuông góc là tốt nhất .Lấy một hình ảnh có chữ lớn ( chỉ là các ký tự đầu tiên ) hoặc trọng tâm của ảnh nói lên nội dung blog ( ví dụ blog về nuôi chó thì lấy ảnh đầu chó,về lứa đôi thì ảnh trái tim vv...) tuy nhiên tất cả là sự lựa chọn theo ý thích của bạn không giới hạn.

Sau khi upload thấy ảnh đã xuất hiện trên trang bài viết của blog , lúc này bạn sẽ tuỳ chỉnh lại ảnh theo kích thước chuẩn của một Favicon tốt nhất với Blogger blog là 32 x32 px.

• Chỉ cần nhấp vào góc đáy của ảnh và đẩy chuột lên thu nhỏ hoặc tăng giảm ảnh để hình ảnh này chỉ còn lại kích cỡ khoảng 32 x32 (có thể nhỏ lớn hơn chút không cần chính xác tuyệt đối ),căn cứ vào chỉ số thể hiện lúc bạn tăng-giảm kích thước của ảnh. ( xem minh hoạ hình 1. )
• Bạn cũng có thể dùng ảnh định dạng Png rồi vào trang http://www.converticon.com/ để convert sang định dạng Ico

Chú ý: bạn cần dùng trình duyệ IE (Internet Explorer) để có thể thay đổi kích thước của ảnh.

Cách lấy URL của ảnh để tạo Link href cho Favicon

Sau khi có được ảnh đúng kích cỡ dùng cho Favicon , nhấp vào nút “Save draft” để lưu nháp hình ảnh này lên mạng Blogger. Tiếp tục với việc lấy URL của ảnh biểu tượng này qua đoạn mã (IMG code) có sẵn của Blogger.

Nhấp vào “Edit Html” kế bên “Compose”, để mở trang này theo mã Html .Đoạn mã của hình ảnh sẽ rất dài làm bạn “hoa” mắt vì có tất cả là 2 địa chỉ url của ảnh .Nhưng cách lấy url rất dễ dàng với các lưu-ý quan trọng như sau ( xem hình 2)

• Chú ý vào 2 hàng chữ cuối cùng : sau các chữ scr"=http , và sẽ có con số “s200” .Luôn luôn url thứ nhì lấy ra dùng là có con số nhỏ hơn url thứ nhất theo bài này là “s1600-h”.( con số này có thể khác tuỳ theo ảnh upload nhưng quan trọng là bỏ url có số lớn và lấy url có số nhỏ ).

• Mở trình “Notepad” của máy tính rồi chọn cho chép (copy) từ ngay sau “scr=” là chép bắt đầu từ “http://1.bp.blogspot...đến hết.jpg” ( không cần lấy cặp ngoặc đôi ).

• Đặc điểm là thủ thuật này dễ dàng cho phép dùng định dạng ảnh .jpg hay .png đều được ,không cần thay đổi gì khác.

Link href của Favicon và cách tạo link hoàn chỉnh :

Phương thức tạo Favicon cho blog hay web đều dùng đoạn mã Link mẫu như sau cho định dạng ảnh thông dụng là .png ( và .jpg ) :

<link href = 'url of your icon file' rel='shortcut icon' type='img/png' />

Trên trang “Notepad” đã mở nên có chép-dán sẵn Link mẫu favicon này ; bắt đầu thay thế đoạn mã “url of your icon file” bằng URL của ảnh đã lấy bên trên sẽ có được đường Link Favicon hoàn chỉnh dùng để tạo biểu tượng Favicon trong bước cuối cùng.



Bước cuối cùng dán L ink Favicon vào đúng vị trí .

Sau khi cho chép ( copy) đường dẫn Link favicon hoàn chỉnh trên Notepad , lúc này trở về trang Blogger blog chọn “Layout” rồi đến “Edit Template Html” mở trang chỉnh sửa Template.(hình 3 )

• Nhìn từ đầu trang template xuống khoảng hàng thứ 10 đến 15 tuỳ theo mẫu template bạn sẽ thấy hàng chữ : <title><data:blog.pageTitle/></title>.

• Đặt con trỏ chuột ngay sau </title> và nhấn “Enter” để tạo một hàng khoảng cách trống,hàng này là vị trí dán Link Favicon vào.
• Cho dán ( paste ) Link Favicon vào ngay tại dòng hàng này rồi nhấp vào nút “Save Template” ở cuối trang.

Ngay lập tức sau khi lưu template là lưu vào dữ liệu của Blogger, chọn xem trang blog với “View blog” hoặc ra ngay trang nhà của blog bạn sẽ thấy biểu tượng của bạn ,Favicon vừa tạo ra xuất hiện rất chính xác và không khác gì các website chuyên nghiệp.Chúc các bạn vui với favicon mới cho trang blog blogger của mình.