How to Add a Favicon to your Site without HTML
Here’s a secret to adding a Favicon to your website. Favicon is this little graphic that shows up on the next to the URL and on the tabs on the major browsers.
If you Google it, you may see that you need to add some HTML to your site in order for this to work. That’s not actually true. As long as it is named Favicon.ico and you can make this with any number of pre-tools available on the web, and you put it in your web server’s dock root, the base of your website, it will be picked up automatically by all of your major browsers. Let’s take a look at how that might work.
I’m going to go ahead and get a Favicon that I have already made and I’m going to go ahead and I have to feed that to the web server. I’m using a tool called the Expan Drive. If you don’t like FTP software on Windows, I really recommend using Expan Drive. It’s great. It treats and FTP site as if it’s just a regular externally mounted drive.
And now that I’ve added it and you’ll notice I have an apple-touch-icon already loaded, it’s a PNG file, it will also automatically be detected without any additional signal created iPhones.
We can now add each browser and we’ll see that this type of icon will be automatically recognized even though we don’t have any HTML in the actual site to tell the browser where the Favicon is.
We go to FireFox to see it’s automatically added and to Chrome. Well that’s the last thing that actually loaded on the web page after the web page is actually been loaded the browser has to go say, “Hey, I’ve got all page now, do I have a Favicon?” It’s loaded there and in Opera and it’s automatically detected there and on Safari it’s unlikely detected and finally, the Internet Explorer which actually the Internet Explorer people ones who invented the Favicon.ico. So there you go.
You don’t have to add any code to your site in order to get this to work so--.
Transcription by:
Scribe4you Transcription Services