How To Use The New Blogger HTML Editor
Blogger Template Editor includes some tweaks that look cool and make it a lot easier than before.
First we will examine the entire code of the template, starting with the numbered and colored lines that show us the different parts of the code: markers, variables, properties and so on. HTML, CSS, JavaScript and Blogger language - includes , b . : when other events.
Any decent external editor will do this, but from now on it will definitely be much easier to find a bug that drives us crazy if we remove the quotes or add another comma. This also applies to CSS, which is mostly painted in navy blue without separating selectors and rules, but everything else is a significant improvement.
Another great help is the numbers in front of each piece of code so that you can easily identify and correct the following types of errors: "XML parsing error, line 103, column 9: Element ..."
Use the HTML editor for new Blogger templates
If you want to find the code in the HTML editor, press in the editor and press CTRL + F on your keyboard. Then in the search box that appears in the editor, enter what you want to search for.
Finally, press "ENTER" on your keyboard and you will get the required code.
If you want to move it to the code section for a specific puzzle, click the Go to Widget button at the top of the editor, select a puzzle name from the list, and you'll go straight to that section. code.
The CSS rules are at the top of the template, in the middle ... And ... Protocol. Click to expand the side arrow next to the row number .
Another great feature is that we can now view the template in the same window without leaving the page and we can easily go back to customizing our template by clicking the " Edit Template " button.
Finally format the template , reorder the code and automatically add the hack.
As always, we must use the Save button for the changes to take effect, or we can revert the changes.
And this is all. With a little effort, we can easily familiarize ourselves with this new HTML editor. Certainly, as usual, as well as reasonably everything related to the human condition, this change is not affected very much. The same goes for lightbox images, a new template designer, a new desktop, and other new things that have been added in the past. But who today remembers that they were once new?
----------
For more information, check out this blog post on Blogger Buzz, where software engineers from Google + Samantha Schaefer and + Rene Kwang outlined the steps for moving a blog post up and down as an example of usage. of the new Blogspot HTML editor.
First we will examine the entire code of the template, starting with the numbered and colored lines that show us the different parts of the code: markers, variables, properties and so on. HTML, CSS, JavaScript and Blogger language - includes , b . : when other events.
Any decent external editor will do this, but from now on it will definitely be much easier to find a bug that drives us crazy if we remove the quotes or add another comma. This also applies to CSS, which is mostly painted in navy blue without separating selectors and rules, but everything else is a significant improvement.
Another great help is the numbers in front of each piece of code so that you can easily identify and correct the following types of errors: "XML parsing error, line 103, column 9: Element ..."
Use the HTML editor for new Blogger templates
If you want to find the code in the HTML editor, press in the editor and press CTRL + F on your keyboard. Then in the search box that appears in the editor, enter what you want to search for.
Finally, press "ENTER" on your keyboard and you will get the required code.
If you want to move it to the code section for a specific puzzle, click the Go to Widget button at the top of the editor, select a puzzle name from the list, and you'll go straight to that section. code.
The CSS rules are at the top of the template, in the middle
Another great feature is that we can now view the template in the same window without leaving the page and we can easily go back to customizing our template by clicking the " Edit Template " button.
Finally format the template , reorder the code and automatically add the hack.
As always, we must use the Save button for the changes to take effect, or we can revert the changes.
And this is all. With a little effort, we can easily familiarize ourselves with this new HTML editor. Certainly, as usual, as well as reasonably everything related to the human condition, this change is not affected very much. The same goes for lightbox images, a new template designer, a new desktop, and other new things that have been added in the past. But who today remembers that they were once new?
----------
For more information, check out this blog post on Blogger Buzz, where software engineers from Google + Samantha Schaefer and + Rene Kwang outlined the steps for moving a blog post up and down as an example of usage. of the new Blogspot HTML editor.
