Favicon

Reply·Subscribe

deandmm16Advanced

68 posts

Hi i would like to know how i can put a favicon my site.

Quote · 1 Nov 2009

EliAdvanced

870 posts

Follow this instruction step by step and you will not get lost :

First you will need to create a favicon.ico or download one from some where.

Here is just one example of a site that you can create one at:
http://www.favicon.cc/
-otherwise just search google for favcon.ico for a ton of free creators and tools. You can probably find a nice one someone has already created if you want to save yourself some time.

Add to:
yoursite.com/templates/base/_header.html

<link rel="shortcut icon" href="/favicon.ico" >

Must be in the <head></head> tags, after the meta name keywords is a good spot.

First backup the original file yoursite.com/templates/base/_header.html just in case.

Then open it up with a text editor.

Original _header.html looks something like:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<title>__page_header__</title>
<base href="__site_url__" />
<meta http-equiv="Content-Type" content="text/html; charset=__page_charset__" />

<meta name="description" content="__meta_description__" />
<meta name="keywords" content="__meta_keywords__" />

<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="__css_dir__general.css" rel="stylesheet" type="text/css" />
<link href="__css_dir__anchor.css" rel="stylesheet" type="text/css" />
__styles__
__java_script__
<script src="inc/js/functions.js" type="text/javascript" language="javascript"></script>

Change/Add to the _header.html like:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<title>__page_header__</title>
<base href="__site_url__" />
<meta http-equiv="Content-Type" content="text/html; charset=__page_charset__" />

<meta name="description" content="__meta_description__" />
<meta name="keywords" content="__meta_keywords__" />
<link rel="shortcut icon" href="/favicon.ico" >

<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="__css_dir__general.css" rel="stylesheet" type="text/css" />
<link href="__css_dir__anchor.css" rel="stylesheet" type="text/css" />
__styles__
__java_script__
<script src="inc/js/functions.js" type="text/javascript" language="javascript"></script>

I wish this is helpful for you :)

Proud Hosted by Zarconia.net

Quote · 1 Nov 2009

vikingabroadAdvanced

53 posts

Just as a followup, in case anybody else is trying to install it.

IE always looks for favicon.ico in the root folder

For Firefox, even though several sites gave the code that Eli did below, it didnt work for me. I used (in <head></head> tags):

Which worked:)

Alex

Quote · 3 Dec 2009

elcentcomAdvanced

185 posts

you just put your favicon.ico in public_html/yourwebsite.com and it shows everywhere.

Quote · 3 Dec 2009

raman_kainPremium

187 posts

I placed "favicon.ico" in root folder, and added "<link rel="shortcut icon" href="/favicon.ico"/>" in /templates/base/header.html page in "head" tag. But it's not showing in any of the browser...

Quote · 29 Dec 2012

TruckingSpacePremium

762 posts

You have to clean your Cache also.. Means the Cache on the PC as well..

Quote · 29 Dec 2012

raman_kainPremium

187 posts

You have to clean your Cache also.. Means the Cache on the PC as well..

I already did that...

Quote · 29 Dec 2012

TruckingSpacePremium

762 posts