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:

Manuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 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)

The following GDPR rules must be read and accepted:
This form collects your name, email and content so that we can keep track of the comments placed on the website. For more info check our privacy policy where you will get more info on where, how and why we store your data.