How to add a small icon to WinXP in the address bar and steps

When browsing a lot of websites, we will find a small icon in front of the address bar of the browser, and a small icon in the tab position of the browser. How do the small icons go up? How does the WinXP system add small icons to the address bar? What is the way to add a small icon to the address bar? The following small series will talk to you about WinXP's method and steps to add a small icon in the address bar.

The steps are as follows:

First, the production of small icons on the address bar

1, first, we have to make an icon, which is the icon picture, below we use PS first Production. PS new file, please keep the width and height when making, set to square is better, here Xiaobian set the background to transparent. When designing, you can choose a larger size.

2, then make the background color, select the gradient tool, and then click the gradient on the toolbar to enter the editing state.

3, in the color bar below, there are two buttons, select one, then click the color below, then enter the color selection, then select one of the colors, and then click OK. The other button is the same operation. If you want to achieve the gradient effect, it is recommended not to choose the same color. When you are done, choose OK.

4, back to the background canvas, mouse point screen task, press drag, then release, it will fill the background color.

5, then add text: select the text tool, then insert the text, choose the font size and color.

6. Then select “Image”Select“Image Size" on the menu bar to set the image size to 16*16 (standard size).

7, and then save as PNG format (the format is not very limited here, can be JPG, GIF, PNG)

Second, make favicon.ico and edit code

1, then search “favicon.ico online production & rdquo;, click to enter.

2. Go to online generation, select Browse, then select the size, then enter the verification code to generate the ICO icon.

3, then the next link will be made, click to download. (Some websites will jump out of the download file directly)

4. If you choose to save it on the desktop, your desktop will have an ICO file as shown below.

5, then change the file name of the ICO file to “favicon.ico”, and upload it to the root directory of the website through FTP, which is the same directory as your Index.asp file.

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

"head"

"link rel=“shortcut icon” href=“favicon.ico” /"

"/head"

7. At this point, browse the web page and you will see a small icon on the address bar.

About WinXP's method and steps to add a small icon in the address bar will be introduced to you in detail. If you also want to add a small icon like this on your website, with this small icon, your website will be more eye-catching than others' websites, and it will attract the attention of others. Interested users, you can try it!