How to create a favicon icon
Posted by anonymous in Blogspot tricks, Web Developer tricks, Web tips and tricks on Monday, July 12, 2010
Blogger or web developer what ever every one needs to designe a favicon icon for their site.
It works just like a logo.When a user bookmark the page the icon will be beside the book mark.
What is favicon icon:
Look at the location bar and you will see a icon.It is called the favicon icon.
If you are not a professional blogger or web developer and don't know about adobe photoshop or other graphics software and designe a icon for you it is the right palce for you.
We will descrive about a web based tool which generate a favicon icon on the basis of your given pitcure file
So lets start the journey how to do....
Go to this address
FAVICON GENERATOR
You will see a page looks like this:
Follow their instructions and make a icon for you web site or blog
How to integret it to the web site:
At first upload it to your web site or any image hosting server.Like picasa,Or any other image hosting
Then add the above code before "</head>" on your web page
Replace the "icon url" with your icon location Ex:http://picasa.com/favicon.ico
And now Save the page
And you will see Your favicon icon
It works just like a logo.When a user bookmark the page the icon will be beside the book mark.
What is favicon icon:
Look at the location bar and you will see a icon.It is called the favicon icon.
If you are not a professional blogger or web developer and don't know about adobe photoshop or other graphics software and designe a icon for you it is the right palce for you.
We will descrive about a web based tool which generate a favicon icon on the basis of your given pitcure file
So lets start the journey how to do....
Go to this address
FAVICON GENERATOR
You will see a page looks like this:
Follow their instructions and make a icon for you web site or blog
How to integret it to the web site:
At first upload it to your web site or any image hosting server.Like picasa,Or any other image hosting
Then add the above code before "</head>" on your web page
<link rel="shortcut icon" type="image/x-icon" href="icon url">Replace the "icon url" with your icon location Ex:http://picasa.com/favicon.ico
And now Save the page
And you will see Your favicon icon
