How to create and insert a Favicon to your website

favicon

First things first ... what is ultimately a Favicon? The word is formed by the junction of Favorite (favorite) and Icon (Icon) and it is a small image in the format. Ico, about 16 × 16 pixels, which are part of a website for viewing by the browser. This image, in most browsers is shown next to the address bar and also by the name of the website, whenever added to your favorites. Definitions aside, it is unquestionable the importance of the Favicon in the layout of your website or blog as a further element of the image. In the case of All-Gratis.com , is a pink piggy bank, as a symbol of the savings!

Here are five free sites that allow you to create your Favicon, is from a picture or created from scratch:

Favicon Generator - http://www.favicongenerator.com
Dynamic Drive - http://tools.dynamicdrive.com/favicon
FavIcon from Pics - http://www.chami.com/html-kit/services/favicon
DeGraeve.com - http://www.degraeve.com/favicon
Favicon.cc - http://www.favicon.cc

It is important that you save the output image format. Ico and named favicon.

After you create the icon that will be the favicon to your website, a few more steps are needed for it to appear in the browser of your visitors. Firstly should upload the image to your server. Usually the images are housed in the images folder, but you can upload it to another location of your choice.

Now we need to insert the following line of code within <head> and </ head>:

  = "images/favicon.ico" rel = "shortcut icon" href = "images / favicon.ico"    />

If the image was saved to another location on your server different from the images folder, a href tag to point the way to that location, otherwise the favicon will not appear in browser.Ou is, if for example the image was saved in the main its website, the line of code is just:

  = "favicon.ico" rel = "shortcut icon" href = "favicon.ico"    />

We are waiting for your comment with reference to its website, now with a new Favicon!


This entry was posted in Design , Tips . Save to Favorites the permalink . Post comment or leave a trackback: Trackback URL .

2 Comments

  1. Published 25 October 2009 at 21:45 | Link

    I have a blog on blogger, I wanted saberse this tip also applies to him, if it serves to help me please.
    My email: @ hotmail.com mss.soares

  2. Published 25 October 2009 at 22:51 | Link

    Hi Maurice, thanks for your visit now!

    Yes, this tip applies to any site. Please leave here a new comment so you can check how it went! :)

    A hug,

    Minacio

Post Comment

Your email address is never published nor shared. Required fields are marked *

*
*

You can use the following HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  • Subscribe to FREE newsletter!

    Please enter your email address:
    * Your email will never be disclosed or sold to third parties
  • Translator

    Portuguese flagItalian flagEnglish flagGerman flagFrench flagSpanish flag  
  • Your opinion counts!

    What do you think of the new image of the All-Gratis.com?

    View Results

    Loading ... Loading ...
  • Archives All-Gratis.com







  • Internet Blogs - BlogCatalog Blog Directory NetIndex Add to Technorati Favorites Central Blogs Globe Blogs Blog Directory Internet blogs
    Rec6


  • All-Gratis.com
    SAMPLES all-gratis.com
    Brazil Free Samples :: All Free
    Culinaria.Tudo-Gratis.com