How to remove or change Address bar Blogger default Icon ( Favicon ) to Your own Icon

Blogger folks to get professional impression about your blogspot blog, you need custom domain.But after 301 redirect to custom domain, small blogger icon ( favicon ) in browser address bar also looks little unprofessional.We will share in this article that how you can create favicon, then how you can upload your favicon to free web hosting service, how to change your blogger address bar favicon.So here is our step by step guide : –

blogger favicon change

blogger favicon change

  1. Select an icon of your own from free favicons at Favicons R Us or you can create your own Favicon at favicon.cc. The icon size should be preferably square for best performance( i.e. 16×16 pixel, 32×32 pixel, or 64×64 pixel, bigger sizes are supported ) but it should not more than 15 kb for better performance)
  2. Next you will need to host the favicon on a website or web hosting provider. If your blog is on a custom domain you can upload your icon there or you can upload it on a free service,(i.e. ripway free web hosting ).
  3. After uploading blogger icon somewhere get full URL of your favicon.
  4. Now log in to your Blogger Dashboard, go to the Design panel of the blog you want to customize. Select ‘Edit HTML’.
  5. Look for the code below code (it’s somewhere on the top, if you can’t find it select ‘Ctrl + F’ and search for it.)
    [code] <title><data:blog.pageTitle/></title>  [/code]
  6. Once you’ve found the code location just after it paste the following code:
    [code]
    <link href=’FaviconURL’ rel=’shortcut icon’ type=’image/x-icon’/>
    <link href=’FaviconURL’ rel=’shortcut icon’/>
    <link href=’FaviconURL’ rel=’icon’/>
    [/code]
  7. Then click on save template button. Open your blog and your new favicon should be visible in the address bar!

Leave a Reply