A Favicon is a tiny, distinctive icon displayed to the left of a website's URL in a web browser's address bar. It adds a touch of professionalism to the website.
A Favicon is a tiny icon that appears beside the address of your blog in web browsers. By default, Blogger provides its default icon as the favicon of blogger blogs, but having your own custom icon can enhance your blog's brand value and attract visitors in its unique way.
Q: Can I change the favicon on my Blogspot blog after I have already added one?
- A: Yes, you can change the favicon on your Blogspot blog by following the steps in the previous answer and replacing the old favicon URL with the new one.
Q: What is the recommended size for a favicon in Blogspot?
- A: The recommended size for a favicon in Blogspot is 16x16 pixels or 32x32 or 48x48 pixels.
Q: What file format should I use for my favicon in Blogspot?
- A: The preferred file format for a favicon in Blogspot is PNG, JPG, and GIF formats are also supported.
Lets Start
Step 1: Log into Blogger Dashboard
Log into your Blogger's Dashboard, then go to the "Setting" and Click on the "Favicon" widget.
Step 2: Upload Custom Favicon
A pop-up window will open where you can search for an image on your hard drive to replace the default Favicon image.
Click on the "Chose File" button and select your favicon
Blogger favicon size
Your favicon must be a multiple of 48px square, for example: 48x48px, 96x96px, 144x144px
(Note: it should have a square size)
Then click the "Save" button.
Step 3: Verify New Favicon
Verify that your custom favicon has replaced the Blogger's default favicon.
Note: Please keep in mind that it might take some time for your new Favicon to appear in your browser's tab or window.
Manually Add
Important: Before you start, we highly recommend making a backup of your template. This way, if anything goes wrong, your blog design will be safe.
Step 1: Login to Blogger
Log into your Blogger account and go to "Themes" and then "Edit HTML".
Step 2: Find the Ending <b:skin> Tag
Search for the ending <b:skin> tag in the HTML editor.
Step 3: Add the Favicon Code
Just above the ending <b:skin> tag, paste the following code:
<link href="your-favicon-link" rel="icon" type="image/gif"/>
Note: Replace "your-favicon-link" with the link location of your favicon.
Step 4: Save Changes
Save the changes to your template and your custom favicon should now appear in the address bar of your blog.
Conclusion:
By following these simple steps, you can easily add a custom favicon to your Blogger blog. Make sure to backup your template before making any changes to ensure the safety of your blog design.
Rate This Article
Thanks for reading: How To Add or Change Favicon In Blogspot Blogs, Stay tune to get latest Blogging Tips.