How To Use The New Blogger HTML Editor
The Blogger Template Editor now includes a number of changes that look great and make it more user-friendly than before.
To begin with, we can now see all the code of the template, starting with numbered and colored lines that show us the different parts of the code: tags, variables, properties, etc., depending on the HTML, CSS, JavaScript from and even from the language Blogger. includes , b:if and other events.
That's what any decent external editor does, but it's much easier to find an error that drives us crazy when we omit quotes or add another sentence. This also applies to CSS, which is mostly rendered in dark blue, with no distinction between selectors and rules, but otherwise it's a big improvement.
Another important help is the numbers that appear before each piece of code, so you can easily identify and fix this type of error: "XML parsing error, line 103, column 9: Element…
Use Blogger's new HTML template editor
If you want to find code in the HTML editor, click inside the editor and press CTRL + F on your keyboard, then type what you want to find in the search box that appears inside the editor.
Finally, press the "Enter" button on the keyboard and you should enter the required code.
If you want to jump to a part of the code that belongs to a specific widget, just click the Go To Widget button at the top of the editor, select the widget name from the list, and it will take you directly to that part. code.
CSS rules can be found stacked at the top of the template, between them. ... I ... Shortcuts: Click the side arrow next to a line number to expand it .
Another great feature is that now we can preview 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, the format template reorders the code and automatically indents it.
As always, we need to use the Save button for the changes to take effect, otherwise we can undo the changes.
And all this. With a little effort, we can easily familiarize ourselves with this new HTML editor. Of course, as usual, and also something typical of the sane human condition, this change will not affect many. The same goes for the image lightbox, the new template designer, the new desktop, and other previously added innovations. But who now remembers that they were once new?
----------
For more information , see this blog post from Blogger Buzz where Google + Software Engineers Samantha Schafer and + Renee Kwang explained how to move the blog post date above the blog title. The post below is an example of using Blogspot's new HTML editor. .
To begin with, we can now see all the code of the template, starting with numbered and colored lines that show us the different parts of the code: tags, variables, properties, etc., depending on the HTML, CSS, JavaScript from and even from the language Blogger. includes , b:if and other events.
That's what any decent external editor does, but it's much easier to find an error that drives us crazy when we omit quotes or add another sentence. This also applies to CSS, which is mostly rendered in dark blue, with no distinction between selectors and rules, but otherwise it's a big improvement.
Another important help is the numbers that appear before each piece of code, so you can easily identify and fix this type of error: "XML parsing error, line 103, column 9: Element…
Use Blogger's new HTML template editor
If you want to find code in the HTML editor, click inside the editor and press CTRL + F on your keyboard, then type what you want to find in the search box that appears inside the editor.
Finally, press the "Enter" button on the keyboard and you should enter the required code.
If you want to jump to a part of the code that belongs to a specific widget, just click the Go To Widget button at the top of the editor, select the widget name from the list, and it will take you directly to that part. code.
CSS rules can be found stacked at the top of the template, between them.
Another great feature is that now we can preview 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, the format template reorders the code and automatically indents it.
As always, we need to use the Save button for the changes to take effect, otherwise we can undo the changes.
And all this. With a little effort, we can easily familiarize ourselves with this new HTML editor. Of course, as usual, and also something typical of the sane human condition, this change will not affect many. The same goes for the image lightbox, the new template designer, the new desktop, and other previously added innovations. But who now remembers that they were once new?
----------
For more information , see this blog post from Blogger Buzz where Google + Software Engineers Samantha Schafer and + Renee Kwang explained how to move the blog post date above the blog title. The post below is an example of using Blogspot's new HTML editor. .
Post a Comment for "How To Use The New Blogger HTML Editor"