≡ Menu

How to remove the blogger banner and change the default favicon of blogspot blogs

Share on FacebookShareTweet on TwitterTweet

Here sharing the customization tip to remove the blue banner of  blogger (blogspot)  and the default favicon from your blogspot blog. This will certainly give a professional look to your blog.

Remove the blogger  banner

blogspot baner

1.     Login to your Blogger Dashboard and on “Layout” select ” Edit HTML” as displayed in the figure. (It is highly recommended to backup your template file before editing.


2.     Search for the line ” /* Variable definitions “ in the template file

3.     Insert the following code just before that  as shown

#navbar-iframe {
display: none !important;


6.    Save the Template and view the changes in your blog.

See this video tutorial also

Change the default favicon


1.     Follow the first and second steps as in the previous case

2.    Goto iconj.com to make your favicon and get the direct link of your icon as shown.


3.    locate the tag “</head>” in your template HTML file and insert the link of favicon just before that


4.     Save the template and now view the blog.

It is understood that since the removal of  blogspot Nav bar is the violation of  Google TOS, the blog may get banned. Do this at your own risk.

Get the latest updates delivered to your inbox

13 comments… add one
  • Carrie

    Your review was very helpful and I was FINALLY able to get my favicon to show up after following your directions. However, two days later it’s disappeared! Now it’s just the internet icon with the paper in the background. Any suggestions to fix this? Also, my url is http://www.carrieleighanna.blogspot.com.

    • Repeat the steps once again. Have you changed the theme? For each theme you have to change the favicon

  • Melvin

    Hi, thanx for the info, but unfortunally it helped me partly.

    My blog has the favicon I want, but when refering from my other domain it shows the blogger favicon. Check it:


    Do you have any suggestions?
    Thanks in advance!


  • Victory! Victory! Victory!

    I have been working on this for what seems like months! I’ve tried tons of old instructions that didn’t work and this finally did. Many thanks! Now, I just hope it stays there!

  • michelle

    it worked!! thank you!! one follow up Q … the blogger favicon is still showing up next to comments. i either want MY favicon to show up there or NO favicon. any ideas of how to do this? i’ve been searching online for the answer and nothing is coming up! thanks in advance …

  • I am following the directions precisely, and it is still isn’t working (flavicon that is; i got rid of the frame/toolbar). Advice?

  • This is awesome! A lot of other sites have similar solutions but none seemed to work. Thanks!

  • Thank you very much for the information. Thank you.

  • hello dear i m shahnawaz please review my blog i am a newbee


    and please tell me how to get template or layout,i need u r help to get more traffic towards my blog

  • i dont think it change the favicon.
    override is all…..over the place

  • this tutorial here also gives the proper and completed method of changing blog favicon. even starting from making the .ico file itself

  • Thanks for the article. It answered my question and was easy to follow.


    Here’s how my blog looks without the navbar.

  • Thanks, man – my blog now looks just cool.

Leave a Comment