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

13 comments

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

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

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.

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

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;
}

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

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

See this video tutorial also

Change the default favicon

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

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.

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

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

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

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.


  • Carrie 03/11/2010, 1:17 AM Reply

    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.

    • Admin 03/11/2010, 7:11 AM Reply

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

  • Melvin 04/14/2010, 1:17 PM Reply

    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:

    http://www.kluptropicana.nl/
    http://kluptropicana.blogspot.com/

    Do you have any suggestions?
    Thanks in advance!

    Melvin

  • Learner @ Classified Shoes Place 07/11/2010, 7:09 PM Reply

    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 07/18/2010, 1:14 AM Reply

    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 …

  • christine 09/26/2010, 5:40 PM Reply

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

  • Secure Wireless Internet 10/04/2010, 7:51 PM Reply

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

  • Kepler 10/14/2010, 8:56 AM Reply

    Thank you very much for the information. Thank you.

  • ShahnawazSadique 11/10/2010, 3:14 AM Reply

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

    http://www.jobsbywork.blogspot.com

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

  • Shivam 12/01/2010, 10:49 AM Reply

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

  • Dio Adi 12/03/2010, 6:22 PM Reply

    this tutorial here also gives the proper and completed method of changing blog favicon. even starting from making the .ico file itself
    http://dioisme.blogspot.com/2010/12/changing-your-blogger-blogspot-or-other.html

  • Mike 01/01/2011, 9:04 AM Reply

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

    http://iphone-app-blog.blogspot.com/

    Here’s how my blog looks without the navbar.

  • Betonsky@seo, article marketing 09/10/2011, 9:16 PM Reply

    Thanks, man – my blog now looks just cool.

Leave a Comment

*