Dracoola Web Hosting

This is simple way to add fave icon on your web site.

What is fave ico?

See this picture.

fave ico
Icon on the left side of the URL bar is Fave icon. Is that cute to have your site with that icon?

Now, I will try to explain step by step how to put fave icon on your website

1. Choose your image . I’m using Suzuki Hiroki Photos for example.

Image Hosted by ImageShack.us

2. Open Photoshop or any editing image and resize it into 25 px X 25 px (Skip tutorial number 3-4 if you already know how to resize your image).

3. Press Image->image size (ctrl+Sift+I) and fill the field with 25 pixel

Image Hosted by ImageShack.us
Image Hosted by ImageShack.us

4. Press File->save for web (Ctrl+Sift+Alt+S) and save your new image on jpg/gif type.

Image Hosted by ImageShack.us

5. Now you must rename the jpg/gif file into ico (Skip tutorial number 6-7 if you already know how to resize your image).

6. Make sure you already disable function "Hide known extension" from your windows. If now, you can turn it off at Windows Explorer->tool->Folder Option

Image Hosted by ImageShack.us

7. Right click the image file and choose rename file . Change jpg with ico. If your current file name is Hiroki.jpg, change it into hiroki.ico and U will get alert. Just press YES

Image Hosted by ImageShack.us

8.  At HEAD in your page HTML code, put this code

<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/favicon.ico">

9. DONE

Is that simple? If you have any question fell free to ask.


Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • BarraPunto
  • BlinkList
  • Blogosphere News
  • Blue Dot
  • Fleck
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati
  • TwitThis
If you like my post, please Subscribe to this blog by Email or by RSS FEED

Enter your email address:

Delivered by FeedBurner

1 User Responded in " Step by Step put Fave Icon on Your Website Tutorial "

John McFee said,  

I found a free online image resizer called QuickResizer Image Resizer. If you are away from your PC and don’t want to download any software, you can just use this online version for free. It’s quick and it’s easy to use.

You can also download their full version of QuickResizer image resizer if you want to resize multiple files in a folder with just a click of the mouse.

Leave A Reply Here

  Username [*]

  Email Address [*]

  Website

Subscribes to this post comments updates

Please Note: Your comment will be under moderation. Don't resubmit please. Thank you.