What is a Favicon?
A favicon, or favorite icon, is a small little icon used to identify your blog in a browser.
You most frequently see a favicon in a browser’s address bar or within a browser tab.
How to Add a Favicon to Blogger
1. Sign in to Blogger. Go to Blogger and sign in with your email and password.
2. Open Layout Settings. Select Layout from the side panel.
3. Open favicon settings. Click Edit from the favicon box.
4. Upload a custom favicon. Select a favicon file from your computer (16 x 16 pixels).
5. Save it. Click on the Save to save the new favicon.
Favicons are small little things, just 16 x 16 pixels. So when you design your favicon, keep the following guidelines in mind:
Keep to a single image: A favicon isn’t the place to combine a bunch of graphical elements. Simpler works better.
Be sparing with letters: No one will be able to read a full word. If you want to use initials, stick to one or two letters.
Pull a recognizable design element from your blog design: You want people to associate the favicon design with your blog design. If the design element you choose isn’t a square, save it as a .png file (before you save it in the icon format, as noted in a moment) to ensure your background is transparent. Otherwise, a white box surrounds your design element.
Choose a design element without a lot of fine detail because such detail isn’t visible at a small size.
You can create a favicon image in any image editing software. Before you use it on your blog, change the file format from a .jpg, .gif, or .png to a .ico file, which stands for the icon. The easiest way to change the file format is to upload your favicon image to a website that converts your image into a .ico file. You don’t even have to design the icon as 16 x 16 pixels because these websites size the favicon for you. Just be sure your image is square (32 x 32 pixels, 64 x 64 pixels, and so on).
Here are two places to convert your image to a favicon:
Faviconr
Favicon.cc
To add the favicon to your Blogger blog, go to Dashboard→Layout and then select Edit in the Favicon area to upload your favicon file.
A favicon, or favorite icon, is a small little icon used to identify your blog in a browser.
You most frequently see a favicon in a browser’s address bar or within a browser tab.
How to Add a Favicon to Blogger
1. Sign in to Blogger. Go to Blogger and sign in with your email and password.
2. Open Layout Settings. Select Layout from the side panel.
3. Open favicon settings. Click Edit from the favicon box.
4. Upload a custom favicon. Select a favicon file from your computer (16 x 16 pixels).
5. Save it. Click on the Save to save the new favicon.
Favicons are small little things, just 16 x 16 pixels. So when you design your favicon, keep the following guidelines in mind:
Keep to a single image: A favicon isn’t the place to combine a bunch of graphical elements. Simpler works better.
Be sparing with letters: No one will be able to read a full word. If you want to use initials, stick to one or two letters.
Pull a recognizable design element from your blog design: You want people to associate the favicon design with your blog design. If the design element you choose isn’t a square, save it as a .png file (before you save it in the icon format, as noted in a moment) to ensure your background is transparent. Otherwise, a white box surrounds your design element.
Choose a design element without a lot of fine detail because such detail isn’t visible at a small size.
You can create a favicon image in any image editing software. Before you use it on your blog, change the file format from a .jpg, .gif, or .png to a .ico file, which stands for the icon. The easiest way to change the file format is to upload your favicon image to a website that converts your image into a .ico file. You don’t even have to design the icon as 16 x 16 pixels because these websites size the favicon for you. Just be sure your image is square (32 x 32 pixels, 64 x 64 pixels, and so on).
Here are two places to convert your image to a favicon:
Faviconr
Favicon.cc
To add the favicon to your Blogger blog, go to Dashboard→Layout and then select Edit in the Favicon area to upload your favicon file.