WinXP How to add a small icon to the address bar

One, the address bar on the production of small icons

1, first of all, we want to make a icon, is the icon picture, the following we first use PS production. PS new file, make sure to keep the width and height, set to square is good, here small set the background to transparent. When designing, you can choose a larger size.

2, then make the background, select the Gradient tool, and then point to the gradient on the toolbar, you can enter the editing state.

3, in the lower color bar, there are two keys before and after, select one, and then the color below the point, and then into the color selection, and then select one of the colors, and then point to determine. Another key is the same operation, if you want to achieve a gradient effect, it is recommended not to choose the same color. When you are finished, select OK.

4, back to the background canvas, Mouse point screen task, press the drag, and then let go, will fill the background color.

5, then add text: Select the Type tool, and then insert text, choose a good font size and color.

6, and then select "Image" on the menu bar to select "Image size", set the image size for 16*16 (standard size) to confirm.

7, and then save in PNG format (there is no big limit in format, can be jpg,gif,png)

Second, the production of Favicon.ico and editing code

1, then search "favicon.ico online production", click to enter.

2, into the online generation, select Browse, then select the size, and then enter the verification code, generate an ICO icon can be.

3, and then the bottom will be made a good link, click to download. (Some sites will jump out of the download file directly)

4, if you choose to save on the desktop, at this time your desktop will be more than one of the following image of the ICO file.

5, then the ICO file name modified to "Favicon.ico", and through FTP upload it to the site root directory, is the same as your index.asp files in the directory.

6, and in the corresponding page to add a code: (usually in your head page, such as: Top,head), and upload.

"Head"

"Link rel=" shortcut icon "href=" Favicon.ico "

"/head"

7, at this time to browse the Web page, you can see the address bar will appear small icons.