Google Blogger Loading Issues: Fixing a Blogger Site That Won’t Display

We have recently been having issues with our site loading the CSS, backgrounds and menu options, especially when using Google Chrome. This means that when a visitor was coming to the site, they would either get a random page, blacked out menu bars and now options to our other posts down the left hand side, […]

Google Blogger Site Not Loading Correctly

We have recently been having issues with our site loading the CSS, backgrounds and menu options, especially when using Google Chrome. This means that when a visitor was coming to the site, they would either get a random page, blacked out menu bars and now options to our other posts down the left hand side, which is frustrating!

Having finally found some time to look into this, the solution was very simple so we thought we would share this with you if you too are having issues with your Google Blogger site not loading correctly.

If you log into the administration area of your blog, on the left hand side you will see an option for Template:

Template option in the Blogger admin sidebar

Click this and you will then see the options for changing the setup of your blog. You should then click on the Backup / Restore button found at the top right of this page:

Backup/Restore button at the top right of the Blogger Template page

From here you can backup your current blog template just in case something goes wrong. Click on the Download full template button and this will download the XML file that will be your blog backup:

Download full template button in the Blogger Backup/Restore dialog

Once you are happy that you have a blog back, you should then click the Edit HTML button:

Edit HTML button in the Blogger template editor

You will then be presented with the backend HTML code for your blogger site. If you are not familiar with HTML code, please do not be too overwhelmed by what you see…it looks more complicated than it actually is and the change you need to make here is very simple!

When you can see the HTML code, you should click anywhere in the box to make it live, then on your keyboard, press CTRL+F to bring up the search box:

CTRL+F search box in the Blogger HTML code editor

In this search box, you should enter the following:

setTimeout(function()

Then press enter. This should find the code in the HTML that you need to change. You will see this code just below what you find:

The setTimeout(function() code found in the Blogger HTML

The only part of the code you need to change is the 0 in this section of code. It needs to be changed to 500. So your code should then look like this:

The setTimeout delay changed from 0 to 500 in the Blogger HTML

You should then click the Save template button at the top left of the code box:

Save template button in the Blogger HTML editor

Then you should notice that when you or your visitors go to your blog site, it will always load first time, everytime correctly!

If you need any assistance with this at all, please leave a comment and we’ll reply when we can.

🛠️

Gear We Recommend

A few general tech accessories worth having alongside this.

Browse our General Tech Accessories picks on Amazon

As an Amazon Associate, TechyGeeksHome earns from qualifying purchases.


Discover more from TechyGeeksHome

Subscribe to get the latest posts sent to your email.

Andrew Armstrong

Andrew Armstrong is a UK-based IT professional with 26+ years of hands-on experience in Windows, Windows Server, SCCM/ConfigMgr, Active Directory, PowerShell, and enterprise infrastructure.

He founded TechyGeeksHome in 2010 and has published over 1,500 practical guides covering real-world IT problems and solutions. When not solving IT problems,

Andrew develops free Windows utilities including Ultimate Settings Panel, which has been downloaded over 850,000 times.