Favicons are the small icons displayed by a browser in the address bar. They are commonly referred to as bookmark icons or website icons. Favicon is short for favourite icon, and represents a small graphical logo for a website. These icons are an often overlooked aspect of modern web design, however all major brands offer some representation of their logo in favicon form. Increasing utility and functionality is being incorporated into favicons.
- Skill level:
Other People Are Reading
Things you need
- New favicon design (optional)
Log on to your Bluehost hosting account. In the control panel within the "Files" section, select and open the "File manager."
On the prompt screen that appears, choose "Document root for" and then the name of the particular site whose favicon you wish to change or remove.
To remove the generic Bluehost favicon, browse the file manager to find a file titled "favicon.ico" and delete this file.
To replace the generic favicon, browse the file manager to find your index html file. Depending on your site and configurations this file might be titled "index.html" or "index.php."
Right-click the file and choose edit from the drop down menu.
Alter your code to reflect the new name or the new location of your favicon. If you do not have a favicon to replace the generic Bluehost icon, visit favicon.cc to generate your own.
The most common html implementation of a favicon is within the "<head>" tags coded as: "<link rel="icon" type="image/png" href=http://example.com/myfavicon.png>" where the location of your new favicon is substituted for "example.com."
- 20 of the funniest online reviews ever
- 14 Biggest lies people tell in online dating sites
- Hilarious things Google thinks you're trying to search for