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)

We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
Accept
Reject
Privacy Policy