Skip to main content

Change Favicon In Blogger Dynamic Views

What is Favicon

Before uploading a favicon to your blog you must have to know what is favicon and why you need it? Basically favicon is stand for favourite icon. It is a unique small and square icon particularly associated with a website or a web page or a blog. A favicon represents your website, web page or blog. Generally web designers use 16 x 16 pixels favicon for their websites. No matter! you can create your own favicon according to you. Blogger has default favicon which is similar to letter B. 

How to create Favicon

There are numerous website or software available on internet to generate favicon icon. Once you Google, you will get numerous link. Otherwise you can use Adobe Photoshop to create your own favicon icon also. For my blog I use Adobe Photoshop to create my own favicon HB which is 100 x 100 pixels. Remember, blogger does not allow to upload a favicon which is greater than 100 KB.

Uploading Favicon on Blogger

Once your favicon is ready, you need to upload it on your blog or website. To upload your favicon on blogger first sign in to your blogger account and then click Layout. After that click Edit against favicon. Click Choose file to upload from your computer. Once it is uploaded click Save. That's it! Your favicon is uploaded to your blog. When you will view your blog you will see the favicon near the title of your blog.

Uploading Favicon on Website

After creation of your favicon, put it in your website directory. After that you need to convert your favicon from .jpg or .png to .ico. There various software available on internet which convert your favicon from .jpg or .png to .ico. You can convert your favicon online also using After that you need to link your favicon with your web pages. 

To link the favicon with your web pages type the following code 
<link rel="shortcut icon" href="/favicon.ico" /> 
in between <head> and </head> tag in the html page.

Watch This Video