Last Updated:

Change favicon on Blogger

A favicon is an icon of a website or blog that you see in the address bar. Favicon is displayed in search engines near the link to your site, in favorites, in browser bookmarks, etc. It is a distinctive sign of your blog. It has standard dimensions of 16 x 16 pixels or 32 x 32.

Where to create a favicon

The icon can be made in Photoshop or on a special service for creating favicons. For example, on www.favicon.cc

You can translate both your uploaded image into favicon and draw it in scratch. When the icon is ready, you can download it in ico format by clicking on download Favicon:

You can convert the ico format to png in fastStone Image Viever (image viewer) via the File – Save As commands. and select the png format.

Currently, there is no need to convert favicon from ico format to image format, as Blogger has a special icon downloader.

To change the standard favicon blogspot to your own, you need to put the following code just before the </head code>:
 
 
<link href='url of your image' rel='icon' type='image/type of your image'/>
<link href='address of your picture' rel='icon' type='image/type of your picture'/>
<link href='url of your image' rel='icon' type='image/type of your image'/>

In this code, we substitute the address of the image uploaded to any photo hosting (Radical, Picassa, etc.), instead of the words "type of picture", substitute the image format (png, gif, jpg, etc.).


However, this favicon will not be visible in the IE browser. This browser only sees favicons in ico format. Internet Explorer has its own code:

<link href='favicon address in ico format' rel='shortcut icon' type='image/x-icon'/>
<link href='favicon address in ico format' rel='shortcut icon' type='image/x-icon'/>
<link href='favicon address in ico format' rel='shortcut icon' type='image/x-icon'/>

The image is in ico format, then it can be uploaded to the site on Narod or Google.Site and copy the link from there.

Now you do not need to be a programmer to have your own site. Currently, there are services where you can order a site. Specialists will make a site qualitatively and quickly of any level of complexity. Material is optimized for popular search engines.

The second way to install the favicon on Blogspot

Now changing the favicon to blogspot is much easier than before. Now you do not need to create icons in different formats, prescribe codes for different browsers. It is enough to find or create a square image of any size. You can choose an image of any format – jpeg, png, gif and even a ready-made icon in ico format. Limitation – the image size should not exceed 100kB.

The png and gif formats support transparency, but you can't set an animation as a favicon in this way. If you do not know which image to choose, you can search among the icons on the site. For example, I took a ready-made camera icon in order to try replacing the favicon:

 

  1. In the Blogger admin panel, go to the "Settings" section,
  2. In the category "General" - link "Icon"

  3. Upload a square image, up to 100 kb in size:

  4. Don't forget to clear your browser's cache.
Now, when you go to your blog page, its own icon will appear in the address bar, instead of the standard blogger iconblogger-logo

P.S. I have already written about the services of creating favicon. Another site where you can make a favicon is a well-known service to all webmasters pr-cy.ru in the Tools section –> Creating favicon. Here you can create a favicon from any image and save it in ico format.

You can draw a favicon on English-language sites:

http://www.favicon-generator.de/default.aspx


- You can generate favicon from the image here http://www.genfavicon.com/

 

- and on the http://www.favicontool.com/
website


- creating an icon at the same time with the creation of a corporate logo in Logaster