Being a blogger user we always shares a common concern that how we can edit the coding of our template. If you are a web developer, who builds new themes and templates for his clients or a tech-savvy blog owner who desires to customize his template by tweaking HTML, CSS, or JavaScript coding then there is good news for you. Few Hours ago, Blogger engineers have officially released an improvement to the Blogger Template HTML Editor. In this article, we will discuss what's new in blogger template HTML Editor.
What is Blogger Template HTML Editor?
There are two types of Editors one is for writing posts and other is for editing your template. Your site is build up with HTML that controls the appearance of your site. The templates can be customized through tweaking the coding present in the Editor. Following are the list of improvements that are made to the Blogger Template HTML Editor allowing you to edit your template with ease. You can access the editor by going to the Blogger.com >> Your Site >> Templates >> Edit HTML.
Source Code with Line Numbering:
White editing or making changes in the editor you might face wired errors like “Error parsing XML, line 297, column 3” here the line number would assist you in finding the exact location of the error. Previously, there were no lines numbering functionality. This is precisely neat feature for web developers who develop templates for their living.
Error Highlighting:
The new improvement also has error highlighting function that highlights those tags which are causing the errors. For example, you forgot to close the script tags properly and tried to preview the template so it would highlight the <script> tag to let realize you that you forgot to close the tags properly.
Syntax highlighter:
This feature would help you in understanding and writing new codes. With syntax highlighting, you would see a colorful coding which would help you to understand the infrastructure of your template. Different colored div class, Id, and etc would assist you in writing meaningful coding.
“Jump to the Widget” Tool:
Perhaps the finest improvement made to the editor is the addition of “Jump to the widget” tool that directly assists you to find out the coding of a certain widget attached to your site. For example, locate the “Blog1” widget quickly through the drop down menu located on this tool.
Auto-Indentation:
White you are busy in writing the coding the auto-indention feature automatically arrange the structure of your code in a systematic manner, so there is no need to arrange the coding manually. Since, it will automatically indent your codes while you are writing, so it would allow you to write beautiful coding in a quick succession.
Code Folding:
This feature allows the user to selectively hide of show a section of a code that is not currently in use. In other words, this allows the user to cope those large sections of codes while viewing only those which are currently in use. Using an arrow you can show or hide the widget coding. For more details, see the following screenshot.
Some frequently asked Questions?
Where is Expand the Widget option?
Unfortunately, “Expand the Widget” option is terminated. However, we have a new feature known as Format Template that does exactly the same job. Therefore, in you are reading any old tutorials and can’t found “expand the widget” box then without any second thoughts select the “Format” button located in the HTML editor.
Is there any way to revert back to the Older Editor?
You might be in a dicey situation because blogger does not provide you the flexibility to revert back to the older editor. Therefore, it would be better for you to start practicing the latest HTML editor because it is full of incredible features.
We hope this article would help you in understanding the new features of the Blogger Template HTML Editor. With this new editor, web designers can code comprehensive coding in just few minutes. Comparing the previous and the current editor, we cannot stop ourselves from praising the blogger engineers “Job well-done”. What are your thoughts about the enhancement? If you have any suggestions, then do leave them in the comment section below.
About the Editorial TeamThe Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).
23 comments
Good Update.
of course, this is really a very Big change from Blogspot Team.
nice post ... I ve just a minute tried all your tips 1 Awesome guide .
Yeah, blogger is always doing the best !! I'm in love with this template editor !!
Thanks Syed you have explanad very clearly all the html and css functions on different locations. And the biggest advantage in blogger templates is that whenever to forget the closing tag then it will give the alert..Bundle of thanks for your hard work..
Finally Syed Faizan listed in Top 10 Pro Blogger In Pakistan of 2013.
check its here.
..Top 10 Bloggers In Pakistan 2013...
More easy to edit the code.Thanks..
This new Template HTML Editor has obsolete the "Expand Template widget" option that's cool and uses search option within editor area and neglect the browser default search that's no good.
Thanks man, luckily we have you and your talents to guide us trough all these +)
Nice Template Editor Dear
I like the new html editor
Does this new editor support 3rd party designed templates? I am having trouble updating/changing text links - especially in my photo slide feature. Nothing gets saved & my template gets messed up! Not liking it right now...
Yep, It works fine on Custom Blogger Templates. We have tested it on this site and it works just fine. May be its new appearance is messing things up.
Yes, in fewer cases users are unaware of the fact that it would not support the Browser search anymore. Users have to select the HTML Editor and then they can search which is quite frustrating for a hyper active developer.
Ok, I go to "edit" HTML. I then click "edit template", I then click on text - it immediately "copies" text I don't want copied. So then I try again & just place cursor on one word to try to change text link ... I slowly type in the whole new text link & when I preview it - its messed up! My whole photo viewer is upside down & blank!
Then, I am Afraid Your Template is not Well-formed.
Wow Faizan Your All post rank very well in search engine...its amazing i proud of your blog. I explain your blog everywhere with my friends. If i could have got a chance to Karachi i will must there around you. Honorably one day i will meet you...we like your post styles your English and many mores. in short i will say i am your lovest and biggest fan.
I think it is kind of VIRUS problem then. Try with some other device and see if it works. And awesome article Syed! :)
how can i edit my previous widjets ? i cant find those codes using ctrrl+f , for example i added the widjet to limit the no of posts in a label but now i cant find that code in new template to change it....help me
Use "jump to widget" tool to find your widget coding.
Im having problem with the new Blogger HTML Editor. When i open it , its just saying "Loading" not even a single movement. My network is good. So can anyone please help me to get back to older blogger HTML editor? There are many other people also having this situation.
Or if there is no way to get back to older one , can anyone suggest me a good software that can edit blogger templates? [a comparatively small one]
When i used notepad , wordpad , Notepad ++ to edit and when i uploaded to my blog, It erased some CSS codes and other.'
Or is it is beecuase of the browser? im using firefox
Unfortunately, There is no way you can get the OLDER HTML Editor back. You have to get use-to this new improvement. Try to clear your Browser cookies or Change your browser. Since, it is a new tool so it has quite a few bugs.
We always prefer NotePad++ because it is the most comprehensive and light-weight editing software. You must be doing something wrong. Don't upload it entirely just add the EDITED Code separately and it would work just fine.
Firefox, Try using Google chrome. We haven't face any problems while using it.
Best of Luck.
I'm still getting used to the editor; however, it also appears that some of the code has changed. I am trying to customize the comments section of my blog--I would like to have one text message if there are no comments and a different text message if there are already comments for a post. I can no longer find that section of code to edit.
Hey, how are you using artisteer on blogger, When i make any template and apply it on blogger, there i get the message that my template is not well formed
Please Help
Post a Comment
We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.