How to Add Custom Favicon to Blogger Blog

If you want to add fav-icon to your blogger blog and you don't know how to add it in a blogger blog then you are in the right place. In this lesson we will teach you How to Add a Fav-icon in a Blogger Blog.

First of all we have to read some basic information about "Fav-icon", Fav-icon which is also called shortcut icon, website icon URL icon etc.. The fav-icon is basically displayed on the web browser title bar and on some browsers it shows in the address bar, it's like the identity of your website fav-icon is very helpful to get user attention. has its own default fav-icon icon which you can find on your browser title bar. You can also use a custom fav-icon icon which could be your blog logo design photo or any photo.

You can also build your own fav-icon in any photo editing software like Photoshop, etc., but keep one thing in your mind, try to make it professional and unique, once you make your fav-icon image then resize image in this size (16x16) or (32x32) or (48x28) and then save it in "your-image.PNG" file.

Once you make your Fav-icon then it's time to add it to your blogger blog, there are two methods to add fav-icon in blogger blog and we will cover both of the methods.

1 Method "Adding Fav-icon in Layout"

In order to add fav-icon in blogger layout, log in to your blogger account then go to Blogger>Layout>Fav-icon click on edit then a window will open up then browse your image and then click on save.

2 Method "Adding Fav-icon Manually"

First of all we have to upload the fav-icon image to our blogger blog. In order to do that first add a new post, then upload image to your post then right click on your fav-icon image and click on copy link location and leave your post as draft.


And now we have to add link tag > in our HTML head tag there to go to > Blogger > Template > Edit HTML and then a code editor will be open, click anywhere in the editor box and press CTRL + F then a little search box will appear on the top right corner of the editor box, then search for the following code.


Once you find the head tag, then paste the following code and replace the URL with your "your image URL" which you copied from your draft post. Note : Paste Your Favicon Image URL in href

<link rel="icon" 
      href="Paste your Favicon image URL here">
Once you paste the above code and replace the href URL then save your template and your done!

So this is how easily we can add Fav-icon to blogger blogs. If you like this tutorial then make sure to like and follow us Twitter, Facebook to get the latest updates from us.


  • Recommended: How to Add Last Modified Date in Blogger Posts
  • Recommended: How To Add Push Notifications In Blogger With PushEngage

  • Comments