How To use New Blogger HTML Editior Complete Guide

How To use New Blogger HTML Editior Complete Guide

The new blogger HTML editor contain some sort of changes. And it look better than old one and looking very interesting very helpful and friendly. To starting working on it, We will see a lot of templates code that start with numbered and colored lines which shows different types of codes, tags, properties etc. which depend on HTML, CSS, javascript and even the language of the blogger include, b:if and other occurrences. This what an external editor does, but from now it will much easier and faster to find bugs in your HTML script and to vanish that bug very easily. The new HTML editor is much easy and friendly that everyone can work on it and easily understanding it. Another great help are the numbers that appear in front of each fragment of code, so that we can easily pinpoint and correct errors of this type: "Error parsing XML, line 103, column 9: The element ... " Editing the New Blogger Template HTML Editor If you to edit the new template HTML and search for the code what you looking for, Simply click inside the editor and press CTRL+F on your keyboard, then enter what you want to find in the search box on your HTML editor and hit "Enter' button on your keyboard and it will take you to the requested code. How To Edit The Widget Of The Template If you want to be taken to the section of code that belongs to a particular widget, just click on the Jump To Widget button at the top of the editor, choose the widget's name from the list and it will take you directly to that portion of code. The CSS rules can be found folded at the top of the template, between ... and ... tags. To expand them, you have to click on the sideways arrow next to the line number. Another great function of the new blogger HTML editor is that we can Preview Template in the same window it doesn't allow us to leave the page and preview it in another window and can easily back to Edit Template by simply clicking on edit button. Finally, Format template re-orders the code, adding indentation automatically. As always, we must use the Save button for the changes to take effect or we can Revert the changes. For more info, check out this post on the Blogger Buzz blog, where Google software engineers +Samantha Schaffer and +Renee Kwang explained the steps for moving the date of a blog post from above the post title to underneath it, as an example in using the new Blogspot HTML editor. - See more at: http://myhubspot.blogspot.com/2013/09/how-to-use-new-blogger-html-editior.html#sthash.hs5IB2Os.dpuf