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
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.
{ 13 comments… read them below or add one }
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
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
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!
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
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
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
http://dioisme.blogspot.com/2010/12/changing-your-blogger-blogspot-or-other.html
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.
Thanks, man – my blog now looks just cool.