2 Ways to Change or Add Favicon in Blogger Blog

Posted by on
How to add your own favicon to represent your brand or website in front of the world? You need to change the default favicon to set your own favicon. Blogger adds default favicon of blogger to your blogs . But there are ways to change the favicon of your blog. Favicon is the small icon that you can see next to the website url in the address bar. Now you can stand out among the crowd by using your own made favicon. You can do it by changing any JPEG format or JPG format to ICO format.

 Before you change ,you must make your own Favicon for your blog or website.

Here are two ways to change the favicon in the blogger blog - 
  1. Log in to your Blogger in Draft Account.
  2. Open the Blog for which you want to change the favicon.
  3. Go the Layout Option.
  4. In Layout, you can see the Favicon Edit Option at the top as shown in the pic below.
    5. Now click on Edit and upload your own favicon.
    6. Save the arrangement.
    7. Open the blog in a new browser and you will see the favicon Changed. If it doesn't, Clear the history of your browser.

Second method is about changing the HTML of your template. You have to do it manually. Follow the steps below-
  1. Open the blog in which you want to change the favicon.
  2. Go to Template Option.
  3. Click on HTML
  4. Now find <head> in the HTML. It's on the top anyways.
  5. Add the following code just after that.
          <link href=’http://www.URL.com/favicon.ico’ rel=’shortcut icon’/>
<link href=’http://www.URL.com/favicon.ico’ rel=’icon’/>
Add these two lines of code. However you need to upload your ICO image i.e. favicon that you created to a free web hosting website. Get the website url where you upload the image.

   6. Now you need to change the url in the above lines i.e. http://www.URL.com/favicon.ico to the website url where you hosted the image.
   7. Once you change it, save it. Now open the blog, you can see your favicon.

Comments

Post a Comment