How to Add Favicon on Blog (wordpress and blogger)

The favicon, really helps a blog to establish itself as a brand. Therefore, the logo and the favicon are an important factor of a successful blog. Later, when your blog turns out to be popular, your readers will recognize your blog by observing the logo and favicon itself.

You can design a favicon for your blog yourself. But it is always recommended to hire a professional designer for the task, because he/she will be able to design an attractive and brandable favicon for your blog, depending on your niche.

Add Favicon on Your Blog

If you have already got a favicon designed, then the next task is to install it on your blog. And many bloggers out there, simply does not know how to install a favicon to their blog.If you’re also confused on how to install the favicon on your blog, then we’re here to help you out. Today we are here with a detailed tutorial on how to add favicon on your blog.

We will be describing methods to add favicon on blog with WordPress and Blogger blogs, so that you can follow the required tutorial depending on your blogging platform.

How To Install A Favicon On Your WordPress Blog

If you own a WordPress blog, and if you want to install or add favicon on blog, then below is the detailed tutorial on how to add a favicon on a WordPress blog

  • First of all create a suitable favicon. You can use Adobe Photoshop or similar softwares for the purpose.
  • Make sure that your favicon image is in “.ico” format.
  • Now, upload the favicon image on your WordPress media storage.
  • Now, get the direct link to the favicon image.
  • Copy the direct link to your favicon image and store it in a notepad.
  • Now from the themes section of your WordPress blog, open the “header.php” file.
  • Now, from the header.php file, search and locate “</head>”.

Also Read :- How to Set up Breadcrumbs in WordPress

  • Just above </head>, paste the below code:
    <link rel=”icon” href=”Direct Link To Your Favicon Image” type=”image/x-icon” />
    <link rel=”shortcut icon” href=”Direct Link To Your Favicon Image” type=”image/x-icon” />
  • Replace “Direct Link To Your Favicon Image” with the link to your favicon image, that you copied and saved earlier.
  • After adding the code, save the header.php file.
  • Now refresh the homepage of your blog, and you must see the favicon.

How To Install Favicon On Your Blogger Blog

If you have a blogger blog, and if you would like to install a favicon on your blog, then below is the detailed tutorial on how to install a favicon on a blogger blog


  • First of all, login to your Blogger account using your login credentials.
  • Now from your blogger dashboard, select the desired blog where you would like to add the favicon.
  • Now, navigate to the “Layout” section of your blogger blog.
  • At the top of the Layout section, you’ll see a tab titled “Favicon”.
  • Click on the “Edit” button under the Favicon tab.
  • Now a new popup box will appear.

Also Read :- How To Reduce Blogger Blog Loading Time

  • Now select the image, that you like to use as a favicon for your blog.
  • Make sure that the selected image is under 100 KB. Blogger will not accept any favicon image above 100 KB.
  • After selection, hit the save button. And the popup box will close automatically.
  • Now, navigate back to the homepage of your blog and refresh the webpage.
  • Now you must be seeing the favicon image at the top of your blog.

Finally, that was a simple tutorial on how to install a favicon image on a Blogger or WordPress blog. Hope this tutorial helped you out !

If you enjoyed this article, Get email updates

Speak Your Mind

*