Friday, September 27, 2013

4 amazing New Improvements to Blogger Template HTML Editor

Google Blogger has just updated the Blogger Template HTML editor, and added four new features to make your experience even better! Now, whether you're a casual blogger, or a geek who likes tweaking his blog's template every now and then, this is place you now want to be! Check out these latest features now!


The Blogger Template HTML editor lets you edit your website's source code, and tweak it to your liking. If you know HTML, CSS and/or JavaScript, you can fully customize it to your preference. The sky is really the limit if you know what you're doing.
To get to this HTML editor, go to your Blogger dashboard, and open the blog you want to customize the template. From the Blog dashboard, click on the Template option from the left sidebar, and then find the Edit HTML button.
Edit Template HTML

What's new with the Template editor?

The new features are centered more towards user-friendliness (or rather, programmer-friendliness) and aim at boosting productivity. Previously, the Template HTML editor was much like the shapeless, bland HTML editor you get with Blogger posts (not that I'm complaining, it's a good way to keep things fast and simple).

But editing posts is one thing, and editing a template is quite another. One often had to download the code (I know I had to), make changes to it in a more comfortable editor (such as Notepad++), and then upload it again, just for the sake of keeping track of things more easily. Now I am no expert, but testing out your website or blog this way is one hell of a job. And unless you wanted to spend the whole day just making your posts look more presentable, you needed a better solution.....

.....which, by the way, has finally arrived! Blogger has made the template HTML editor much more comfortable to use by adding the following features.
  • Line numbering - Now, you can see line numbers on each line, making it much much more easier to spot errors and keep track of your code.
  • Syntax highlighting - Much like in advanced code editors, you can now see syntax highlighting. The editor will actually color code different objects in your source to make it much more readable.
line numbering and syntax highlighting
  • Auto-indentation - I love code editors that auto-indent code for me so that I won't have to press all those extra Tabs and Spacebars. But more than that, this feature helps you keep your code organized, and you can easily keep track of what belongs where. For example, you can easily figure out what's inside your div tag, or what have you included in a list etc. You can see auto-indentation coming into action while you're writing some code. Blogger template editor will automatically put in the spaces for you. You can also use the Format Template option to clean up the indentation of your entire template.
  • Code folding - I love this option too. Once I'm done with a particular piece of code, such as a div tag, I can simply fold the code, and not have to look at that large chunk of code again. You can see this from the image below. If you follow to where the arrow is pointing, you will see a small, grey arrow (?) next to line number 13. And if you look at the line number below, you will see 582, which means that the editor just saved me from having to scroll down through 569 lines of code!
Code folding and auto-indentation
  • Jump to widget - Now, you have a quicker way of jumping to particular section of code in your template - code that belongs to a widget. Just click on the Jump To Widget button at the top of the editor, and you can see a list of all widgets you can jump to. Clicking on any will take you to the respective section in code.
Jump to widget
Like these new features? Tell us what you think about them in the comments section below. And as always, feel free to ask questions. Peace :)

    Random Posts...!!!

  • Google Code Hosting for Free
    Google Code Hosting for Free
    14/09/2012 - 0 Comments

    Hosting on Google Code is for every professional and beginner blogger/webmaster ho needs a suitable hosting…

  • Best SEO 5 Responsive Design Blogger Templates
    Best SEO 5 Responsive Design Blogger Templates
    18/08/2013 - 0 Comments

    Top 5 Awesome Responsive Blogger Templates:-  These days their is a lot more trend of Blogger templates.It…

  • 7 Tips for Google Adsense Approval
    7 Tips for Google Adsense Approval
    18/09/2013 - 0 Comments

    Google AdSense is the best site for earn moeny and PPC (Paid Per Click) network which is being used by…

  • How to Make More Profit from Your Blog - Easy Plan
    How to Make More Profit from Your Blog - Easy Plan
    04/08/2012 - 0 Comments

    Do you want to make more money from your blog? Most new bloggers take the wrong step. They monetize first…

  • Facebook Essential SEO: The Leading Social Network
    Facebook Essential SEO: The Leading Social Network
    22/09/2012 - 1 Comments

    Now these days social media is an important part of search engine optimization and due to huge popularity…

  • Learn How to Add a Flickr Slideshow Gadget to Blogger
    Learn How to Add a Flickr Slideshow Gadget to Blogger
    28/06/2012 - 0 Comments

    I am going to show you how to add a Flickr Slideshow (Flickr Photostream) to a Blogger blog (Blogspot blog).…

  • SEO vs SMO – Overview Tips
    SEO vs SMO – Overview Tips
    24/09/2012 - 48 Comments

    Few years back no one was able to locate your business on Google if the site was not optimized properly. So…

  • Dropbox releases applications for Windows 8 tablets
    Dropbox releases applications for Windows 8 tablets
    26/10/2013 - 1 Comments

    Dropbox releases applications for Windows 8 tabletsDropbox has recently released an application optimized for…

If You Enjoyed This Post Please Take 5 Seconds To Share It!

0 comments:

Post a Comment

Please feel free to comment on this topic.

horizontal random post

    Random Posts...!!!

  • AdWords Keyword Tool - login to get the best
    AdWords Keyword Tool - login to get the best
    10/05/2012 - 0 Comments

    Choosing the best key phrases that match your clients needs may be the goal associated with any Ad Terms or…

  • Best SEO 5 Responsive Design Blogger Templates
    Best SEO 5 Responsive Design Blogger Templates
    18/08/2013 - 0 Comments

    Top 5 Awesome Responsive Blogger Templates:-  These days their is a lot more trend of Blogger templates.It…

  • How To Publish Your Posts To Facebook Page Automatically
    How To Publish Your Posts To Facebook Page Automatically
    24/06/2012 - 0 Comments

    Facebook is the best social networking site which is widely used in the world. Every blogger give first…

  • 10 Best WordPress SEO Plugins in 2013
    10 Best WordPress SEO Plugins in 2013
    07/10/2013 - 0 Comments

    Search engine optimization is very crucial to get more traffic to your website. So SEO plugins can really…

  • Blog SEO tags Nofollow Labels - save your blog from SPAM
    Blog SEO tags Nofollow Labels - save your blog from SPAM
    04/02/2012 - 0 Comments

    Blogger Label Links effect your blog or site Page Rank in a negative way and that's a fact. Why follow…

  • Search Box For Blogger
    Search Box For Blogger
    12/09/2013 - 0 Comments

     Add a search engine in the sidebar of your blogger blog. This searches all the posts on your blog, and…

  • Successful Blog Promotion - 5 Easy to Follow Tips
    Successful Blog Promotion - 5 Easy to Follow Tips
    26/08/2012 - 0 Comments

    If you’re hoping that your blog suddenly becomes the next big hit within your particular niche then the first…

  • How to Align and Justify Blogger Posts
    How to Align and Justify Blogger Posts
    28/06/2012 - 0 Comments

    Skill Level: Beginner Rating: Easy Time: 1 Minute Before you rush off to download a custom Blogger…