May 182015
 

Last Updated: June 18, 2016

KompoZer Web Site Favicon shows you how to add a favicon image to your website URL so it appears on the address bar.

Latest News: I have added another link to the menu.

What is a favicon icon? Have a read at what wikipedia has to say about favicons.

KompoZer Web Site Favicon Steps

Step 1 ) The following one line HTML code adds the favicon to the website. Type the following code into the <head> </head> section of your web site. See image below.

Note: The following path href=”http://www.yourwebsite.com/images/favicon.gif” will be different in your website. Make sure you type the correct URL path.

<link href="http://www.yourwebsite.com/images/favicon.gif" rel="shortcut icon" type="image/x-icon">

Notice the above favicon image has an extension .gif. Most favicon images have the following extension .ico.

Step 1-a ) Click on Source tab and type or copy and paste the favicon HTML code mentioned above.

kompozer-insert-favicon-code

Step 1-b ) The following image shows you no Favicon on the address bar.

kompozer-no-favicon

Step 1-c ) The following image shows you a Favicon on the address bar.

kompozer-favicon

Click on the following URL Google Adsense Settings to continue.

Go Back To KompoZer Tutorial List:

I have been working in IT since 1999 and I enjoy the challenges it brings me. I love developing websites with WordPress. I spend a lot of time helping out in wordpress.org forums. I have been writing tutorials since 2011. Now I am learning how to manage my own VPS "Virtual Private Server.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

one × 5 =