Saturday, July 14, 2012

Favicon HTML

Favicon (pronounced fav-eye-con) is the short name for “favorites icon” and is otherwise called as a shortcut icon. It is a square icon that is shown next to the URL of any webpage in a browser that supports tabs like Firefox, Google Chrome, Opera and Internet Explorer. It works as an identity of the website and company. It must be 16×16 (most common) or 32×32 pixel using 8 bit or 24 bit color.

If you are using Blogger blog, you might have already noticed that Blogger shows default favicon next to the URL of your blog as shown here:

I f you are using blogger, then you can change favicon from your dashboard easily.Because in dashboard you have click on favicon and select the file from your hard disk and finished.
But if you want to use HTML to put favicon, then do the following steps.
1. Host your favicon image on any hosting platform. You can use free hosting service such as Mediafire. And get the url of image in which it can be found.
2. Put the following HTML code inside head section of HTML. Head section means the place between  
<head> and </head> .
  
<link rel="icon"
      type="image/png"
      href="http://example.com/myicon.png"> 

Change http://example.com/myicon.png for url of favicon file.

Video: html-kit favicon

Video: favicon.cc

No comments:

Post a Comment