Work with HTML in the new Blogger post-editor (2020).

This article looks at how HTML is viewed and edited in the new version of Blogger that was introduced in June 2020.


HTML and Blogger

HTML is the type of computer code that is used “behind the scenes” in Blogger posts. Most people don’t want to write code, so Blogger has a “Composition View” that allows us to edit posts without having to worry about code. But there are times when the only way to fix something is to look at the code, and Blogger provides an “HTML view” to do this.

There are some big changes in how HTML is seen and used in the Blogger-2020 Post-editor. This article is a brief look at some of the biggest problems noted so far with the use of HTML in posts. It can be added over time if more problems are found.

How to switch to HTML mode in Blogger post editor 2020

In pre 2020-Blogger, there were links for Compose and HTML mode at the top left of the Post Editor window.

In Blogger-2020, these are replaced by a single code button, which is found:

  • to the right of the post title, and marked “< – when Blogger-2020 was released for the first time
  • to the left of the post-editor toolbar, marked with a pencil (in composition view) or <> (in HTML view) – now

This button now looks like a drop down menu:

To use it, click on the small arrow next to the icon, and choose the HTML or Compose view from the pop-up items that now cover the drop-down arrow. (To see the toolbar again without changing the editing mode, just choose the option you are already using).

How to view clean HTML for Blogger posts

In the legacy Blogger Post-editor, HTML looked pretty “tidy”. The post editor had an option to allow you to use both line breaks and proper break tags (
). Some HTML functions are made simpler than they really are, and some are not available.

In Blogger-2020, the HTML code behind a post is not “clean”. It’s real HTML, without line breaks (and if you put any line breaks, they’re ignored). When you change it for the first time, it looks very difficult to read – like this:

However, there is a format-HTML button on the toolbar – when you click on it, Blogger will keep the same code, but format it in a way that is easier to read.

This formatted HTML is the closest you will get to “clean HTML” that the legacy Blogger had. Even this seems annoying – it’s probably necessary for Google to add useful things like tables to the post-editor.

How to find things in HTML mode

The tool button also has a Find button, which is the same as a magnifying glass (look): To search for something in the HTML code of a post, you need to click this buttonand type the search words in search-ar that appears at the top left of the screen (it’s not very obvious at the moment – I hope it will get better).

You need to do this, instead of just using the search tool in your browser, because the post-editor has a function to “roll-up” sections of the code – see the right arrow / drop next to the numbers of line for these.


Related articles

How to create a post in the new Blogger Post-editor

BB link code (forum):

Leave a Comment