[Reprint] How to add a small icon to your website

How to add a small icon to your website

As small icon like LOGO website can add much color to your website! The small icon is displayed in the browser address bar and favorites, and now both from the production, upload it to the final show are very simple. However, there may be some users do not know exactly how out out! Especially for wordpress website, it seems common practice does not make this beautiful little icon "apparition"!

First take a brief look at this little icon bar. In fact, it is our common favicon.ico. favicon is short for English favourite icon. Making it relatively simple, there are many online tools like the simplest is that you can choose one of your favorite picture (png format is likely to be required), and then converted to .ico format using the tools on it. You can even find some beautifully crafted and free of such a small icon on the Internet.

Next, we look at the general approach: this can be roughly divided into two categories. First, you want this beautiful little icons are displayed on all pages throughout your site. Second, you may not think the little icons are displayed on all pages throughout your site or you want to display a different icon on different pages. First of all, the first case, a small icon you can directly upload to the site root directory. However, this time to ask the name of the icon must be favicon.ico. In fact, I think it was enough. Because you really do not need to make every page a small icon, especially for those brand sites! In the second case, you have to do is enter the link code on the page header, this time you will need to remember the absolute path to your small icon, pay attention to the following link two paths must use an absolute path. And the first difference is that, in this case, the name of the small icon may not necessarily be as favicon.ico, you can name it according to your preferences, but the format must be .ico. Links Code:

<Link rel = "shortcut icon" href = "absolute path to your small icon"> This role is a small icon in your browser address bar;

<Link rel = "bookmark" href = "absolute path to your small icon"> This role is a small icon in your favorites inside.

But for wordpress website, this type of approach may not work. This time we need a plug-in, with it you can get a very simple but this would have cost us a great difficulty of the problem. It is MaxBlogPress Favicon, you can click on this link to download: http: //www.maxblogpress.com/go.php offer = beyond8961 & pid = 9?. Or you can point directly after the background "plug-in", and then search for the plug-in is installed directly to find. This plugin has several advantages: First, it directly to you some pretty nice little icon, if your phase, can be applied directly click on your site. Second, this plugin, you can choose to upload this machine or just enter the link address can be completed.

PS: Well, at this point, I really have to thank provider of this plugin, how I test before, that damn small icon is not showing up! Also used other plug-ins, but does not work. Then look for a moment, that someone said it might be the host does not support. I was consulted about the host provider. Hosting provider was very surprised, to say not now simply do not support this statement! Depressed for a long time and finally stumbled on this plug-in, tried it finally come true!

 

So how do you add a site favicon.ico icon


 

 

1. Obtain a favicon.ico icon size most appropriate 16px × 16px

2. Favicon.ico will make a good icon files uploaded to the site's root directory;

3. Add the following code in the header home html code file:

<link rel="Shortcut Icon" href="favicon.ico" >

4. If you want to bookmark collection have Favicon.ico icon in the top part of the code below to join

<link rel="Bookmark" href="favicon.ico" >

By doing so, your website can have its own icon in the

Guess you like

Origin www.cnblogs.com/jinanxiaolaohu/p/11368059.html