Jul 17

Có một số bạn thắc mắc về tạo Favicon cho bo-blog, biểu tượng màu cam có chữ CT như hình bên dưới, mình xin hướng dẫn các bạn cách làm nó với 1 cách rất đơn giản như sau.

Highslide JS

Đầu tiên, bạn hãy tìm kiếm cho mình một file .ico bằng cách vào trang IconFider or IconLook và save file icon mà bạn thích về dưới đuôi mở rộng dạng .ico

Ví dụ file icon mình save về có tên favicon.ico

Sau đó upload file  favicon.ico vào thư mục blog/images

Tiếp đến vào quản lý --> Thiết lập tham số và thêm vào khung: "head mã thêm bên ngoài" dòng code sau và "Xác nhận"

<link rel="shorcut icon" type="image/x-ico" href="images/favicon.ico" />


Xong rồi đấy, duyệt bằng Firefox để xem blog bạn đã có favicon chưa.

Mở rộng thêm, bạn có một file .ico và muốn edit nó cho hợp với ý của mình, bạn có thể dùng công cụ rất tuyệt vời sau để chỉnh sửa file .ico hoặc bạn có thể tự tay mình làm một .ico cho riêng mình.



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

Đánh giá cho bài viết

Bài viết mã số 938 đã được: 5.8/10 điểm (12 Đánh giá)

Submit link to Hay!
Có gì thắc mắc về bài viết bạn hãy comment để được giải đáp - Thắc mắc của bạn sẽ được Congtoan giải đáp trong ngày.

Bookmark and Share
Nếu thấy bài viết hay, giúp Congtoan Bookmark nó lên Digg, Facebook hoặc Twitter... Cảm ơn bạn đã đọc bài viết.

Tags: , , , , | Nguồn: Tự viết & Sưu tầm | Lớn | Vừa | Nhỏ



goahead
16/04/2010 12:18
mình tự làm 1 cái icon, mình làm 1 cái hình tròn, đã dùng chương trình sửa ảnh để del bỏ phần trắng bao ngoài hình tròn rồi mà sao sau khisave lại vẫn bị viền trắng xung quanh, ko đượcnhư của bạn :( bạn có thể chỉ mình cách làm cho mất viền xung quanh giống như của bạn được ko:D Sợ bạn ko hiểu nên mình có chụp cái hình đây, nhìn 2 cái icon là thấy sự khác biệt liền, 1 cái có viền trắng xung quanh còn 1 cái ko có :(
Bấm xem ảnh ở cửa sổ mới
http://i780.photobucket.com/albums/yy85/goaheaddat/Blog/how2fix.jpg
MrToan Trả lời vào 16/04/2010 15:31
Bạn vào trang web này và tìm cho mình một icon thích hợp, tải về dưới dạng .ico nhé, các icon trng đây đều trong suốt và không có viền trắng cxung quanh. Thân!
admod Email
11/12/2009 10:07
anh ơi! sao em save anh theo phần mở rộng là .icon không được,mà nó chỉ lưu với phần mở rộng là png ah`
MrToan Trả lời vào 11/12/2009 21:26
Em vào trang iconfinder.net và tìm hình mình muốn. Trên mỗi hình sẽ có 3 công cụ là:

PNG    ICO        INFO

Em click vào ICO để tải file.ico về máy.
ngocthanhstar Email
11/12/2009 10:03
chào bạn!!!
MrToan Trả lời vào 11/12/2009 21:24
Chào bạn, có chiện gì thế?
huyhoangytn Email
06/08/2009 00:24
lần trước mình làm được cái này rồi. Nhưng giờ cài lại, làm đúng mà nó vẫn không hiện :(
MrToan Trả lời vào 06/08/2009 00:31
Cái này chỉ hiện trên Firefox thôi chứ trên IE ko hiện bạn à!
tính
20/07/2009 16:14
firefox mới hiện hả anh
MrToan Trả lời vào 20/07/2009 16:51
Uh, Favicon firefox mới hiện lên, còn IE thì ko.
shirantk
20/07/2009 07:41
cám ơn anh! có thể share cho em cái code tự động thêm bản quyền như của anh không ah! cái mà coppy dán vào chỗ khác là có cái dòng lạ ấy
MrToan Trả lời vào 20/07/2009 12:01
Em download plugin tự động thêm bản quyền này về cài:
http://congtoan.net/download/ArticleCopyright.rar

Plugin này chỉ hoạt động trên IE thôi, còn Firefox thì không hoạt động.
hientinh1004
19/07/2009 19:47
Cám ơn anh! Anh toàn ơi! em sử dụng skin giống như cái của anh! anh có thể share cho em cách làm cái khung sdibar kế wrap dạng "..." như của anh được không anh! Cám ơn anh trước
MrToan Trả lời vào 19/07/2009 20:48
Em download nguyên skin của anh mà anh đã sửa lại và đang dùng về xem nghen:

http://congtoan.net/download/bloggingpro_congtoan.rar

Em xem đoạn code trng styles này nhé: dạng "..." là ký tự "dotted"

#innerSidebarOne {
  float: right; width: 166px; border: 1px dotted #F4FBFF; padding: 10px 0px 10px 5px; background: #FFFFFF;
}
#innerSidebarTwo {
  float: left;
  width: 170px;
  border: 1px dotted #99CCFF;
  padding: 10px 0px 15px 5px;
  margin-right: 11px;
  background: #F4FBFF;
}
Phân trang 1/1 Trang đầu 1 Trang cuối

Phản hồi mới nhất

New Page 1
 Dlwallpaper.net