Favicon: what is it, how to do it

What is a favicon?

A favicon (short for favorite icon), also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a very small image, associated with your website or a particular web page.
It will be typically displayed in the browser's address bar, next the page's title on the tab, or next the page's name in a list of bookmarks or in browser history.
The favicon file has .ico extension.
Dimension of a favicon is 16x16 or 32x32

How to create a favicon?

You can make your own favicon using many free on-line tools:

http://favicon.htmlkit.com/favicon/
http://www.favicon.cc/
http://realfavicongenerator.net/

How to Create a Rollover Image Effect in HTML

To create a rollover effect using plain HTML is easy, and you can use it nearly on every hosting service (included Blogger and free WordPress.com) service.

You need two different images, same size, like follow:

   

The HTML code to use is:

< img src="FIRST-IMAGE" onmouseover="this.src='SECOND-IMAGE'" onmouseout="this.src='FIRST-IMAGE'" >

The result (roll over it with your mouse to see the effect!):