Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials How to add a Favicon to your Website/Blog
Your Ad Here

How to add a Favicon to your Website/Blog


If you have Photoshop knowledge, you can make your own icon image. Start with a 64x64 image and after you've finished your creation, resize it down to 16x16 and save it as .ico file. If you do not have the icon file format in Photoshop, you can download it here.

Download Photoshop .ico file format. Right-click on the link and and click "Save Link As…" to download. Place it under your Photoshop > Plug-Ins > File Formats folder.

For those who doesn't play with graphics, or too lazy to make one, you could generate one using any images you like from this service at Chami.com

Or, you could use some of these ready-made Christmas-themed icons I've collected from the Internet.

Just right click on any of them and Save Image As ".ico" file.

Upload it to a webserver

Upload your favicon file to your webserver, if you have one. Or, you could place them on image hosting services like ImageShack, or Photobucket. Or, if you're using Blogger to blog, you can just upload your icon file in their "Create Post" editor.

Execute the Icon from the Code

Put the following code within the <head> and </head> tags zone in your HTML or webpage.

<link rel="Shortcut Icon" href="http://www.alexallied.com/favicon.ico">

Just replace the URL of the icon with your own and you're done! Enjoy your website/blog with new personalized favicon!



Author's URL: Alex Allied
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

HTML is Hyper Text Markup Language that is used to make hypermedia and hypertext documents for the Web. More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

Add comments to "How to add a Favicon to your Website/Blog"

Only registered users can write comment

No comments yet...