Browser addressbar icon (favicon)

Hi, all of you must have noticed that when you visit a website with your browser, the image on the left of the addressbar changes. First of all lets define its correct term. It is known as the 'favIcon'.

In this post, I wish to demonstrate how to add such a favicon to your website. To try this out, you would need a web server such as IIS, Apache or Tomcat. I'm using WAMP's Apache server for the demonstration.

First of all, you'll need an image of dimension 16x16. You can use windows paint to do this. Save it in Windows 16 colors. If you need to do this quickly, you can use the following website, which will generate a favicon from a given image.
Save the image as favicon.ico. Now, copy and paste this on your web server root directory of the application.

The folder structure of WAMP is based in a way such that the web applications need to be deployed in the folder named "www". (The complete path for this is "C:\wamp\www") Now, create a separate folder for your application inside the root folder.




For the demonstration, I will use a simple web site with just one web page. It would display the simple Hello World message. Just copy the following code segment into a text editor and save it as "index.html". Now, place this html code in your web server's application root folder.

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

<body>
<table>
<tr>
<td>Hello World!</td>
</tr>
</table>
</body>
</html>

Now, make sure that you place the code in red in the header. It is needed if you need to change the image location other than the root folder. So, if you need to save the image in a folder named images, then you could simply locate the file using the path to the directory.

Now, the folder structure should be similar to the following.



Now, start your web server. In my case, I would start WAMP's Apache service. Then view it through a browser. When you view it, it should be automatically displayed on the left of the addressbar.



NOTE: You may sometimes need to clear the browser cash for the image to be displayed and restart the Web Server.

Cheers

Comments

Post a Comment

Popular posts from this blog

Encrypt and Decrypt Images Using Java

Hi, Most of you would find it useful to Encrypt a special picture of yours such that only you can view it. By using JCE(Java Cryptography Extension) classes, this becomes very simple. As I have already done before using Java to encrypt a String is very simple. If you are new to this, please read the article which I had already posted named "Java Encryption and Decryption" at "http://ruchiram4.blogspot.com/2009/04/java-encryption-and-decryption.html" Also, you need to have a basic understanding of Java IO. If you are new, it is better to read the Sun Java tutorial on IO. Before we move on, lets recall the basic steps in Encrypting plaintext. 1. Creating an instance of "Cipher" object and setting the mode of Encryption (Eg: AES, DES) 2. Generating a key by using a KeyGenerator object. 3. Setting the mode of Cipher operation on the Cipher object. As we intent to Encrypt, we simply set it by setting a property of Cipher object by calling its "init"
Read more

Build your own Network sniffer

Image
Recently, I ve been developing a tool to monitor the Network Traffic as an assignment. Here, I wish to share my experience with all of you who are interested in building your own Sniffer. Prerequisites : Java Programming capability, Knowledge on OOP(Object Oriented Programming) basics My Environment: I used the libraries specified for Java which is widely available. I ran my application on Windows XP only. But the libraries can be easily integrated with Linux based systems. I used NetBeans 6.1 version for development activities. But any other java IDE would do In setting up the environment, first you need to download Jpcap jar found at http://sourceforge.net/projects/jpcap Once you download this, you have to add this to your NetBeans project. It can be done as follows. After adding the Jar file to the project, you need to download the WinPCap driver. It can be easily downloaded from http://www.winpcap.org/ It is required to get low level networking access regarding packets. As for
Read more

ASP Response.Write newline

Hi, all of you who have used ASP may have encountered situations where you require to write a text output to the screen. It can be easily done by using Response.Write("Hello world"); However, if you wish to append some more text to a newline, it would not work in the following ways. Response.Write("Hello world \n"); Response.Write("Good day."); The output of the above lines would be Hello world Good day. and NOT Hello world Good day. In order to overcome this, you can very simple place an html break tag inside the code. Response.Write("Hello world"); Response.Write("<br/>"); Response.Write("Good day."); The output would be the following. Hello world Good day. Cheers !!!
Read more