Trần Mạnh Hiếu

Chia sẻ, cảm nhận.
 
IndexCalendarGalleryTrợ giúpTìm kiếmThành viênNhómĐăng kýĐăng Nhập

Share | 
 

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

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
thien_hieu
Huyền thoại 10%
Huyền thoại 10%


Tổng số bài gửi : 348
Join date : 18/08/2011
Age : 33
Đến từ : Nam Định

Bài gửiTiêu đề: Thủ thuật tạo Favicon icon cho trang Blogger Blogspot trong 5 phút.   Tue Sep 20, 2011 5:07 pm

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.

[You must be registered and logged in to see this link.]
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 [You must be registered and logged in to see this link.] để [You must be registered and logged in to see this link.] sang định dạng Ico



Chú ý: bạn cần dùng trình duyệ IE (Internet Explorer) để có thể [You must be registered and logged in to see this link.] đổi kích thước của ảnh.

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

[You must be registered and logged in to see this link.] 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ừ “[You must be registered and logged in to see this link.] 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 ( [You must be registered and logged in to see this link.] ) 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.
Về Đầu Trang Go down
Xem lý lịch thành viên
 
Thủ thuật tạo Favicon icon cho trang Blogger Blogspot trong 5 phút.
Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Giáo trình môn Kỹ Thuật Điện Tử
» Giải thích thuật ngữ
» Tóm tắt lý thuyết và bài tập kỹ thuật điện
» Thuật ngữ kỹ thuật đóng tàu và đăng kiểm Anh - Việt
» Thác Trắng - Minh Long - Quảng Ngãi

Permissions in this forum:Bạn không có quyền trả lời bài viết
Trần Mạnh Hiếu :: Tài liệu chuyên ngành, nghiên cứu ....... :: Thủ thuật internet-
Chuyển đến