New Look on Blogger HTML Editor

Blogger HTML Editor now changed since April 9, 2013. With the presence of a new look, Blogger automatically adds the latest features to pamper the users.

The following is the new look of Blogger HTML editor.

 

Some of the changes, including:

1. Expand Widget Templates removal, because all the tags are generated or is not hidden as before

2. Adding "Jump to widget" button, this is making easier to edit the widget.

3. Preview Template Editor is now integrated with it, like Macromedia Dreamweaver

4. Adding "Revert Changes" button, to restore the code that we edit

5. Using "SyntaxHighligter" (colors code), to facilitate the editing code.

6. Adding the "Format template", to compile and tag code added.

7. Using Collapse system to display the hidden code, characterized by "►"

8. Adding Ctrl + Shift + F and Ctrl + Shift + R functions

I think the new look of Blogger HTML Editor is increasingly easier to understand the structure of a Blogger template.

How to find Expand Template function, if this function has been removed?

Refer back to points 1 and 7 above. You just need to expand the code by clicking on the mark "►". For example, you want to look for CSS, CSS is actually there, just click  ► on <b:skin> ... </ b: skin>

It takes time to learn new look of Blogger HTML editor. Keep learning!!

A New Skin

I finally got completely BORED with the old look-and-feel of Beautiful Beta. It was so totally not 2009.

And besides that, pageloading had slowed down tremendously because of all the javascript-widgets and other stuff that was hanging in my sidebars.

Furthermore, now that everybody has a 3-column template, it seemed time to turn back to an old-fashioned, well-designed, crisp and clear two column design. With lots of space for the post content, and a minimum of sidebar widgets.

The coming weeks I will clean up the posts, so Beautiful Beta will be up-to-date again.

New Blogger Template - The Hobbit

Last week I discovered a very beautiful webdesign, and I decided to port it to a Blogger Template.

Get it now!
If you want to discuss this template, please visit the Beautiful Beta Forum.

Style Switcher

Last night I discovered Purplemoggy's great blog, with interesting hacks. I stumbled on his template switcher, and today I couldn't resist the temptation to apply it to my own Blog as an experiment. So now, Beautiful Beta is a seasoned blog, as you can see in the sidebar! Select your mood, and the Blog will follow! Check out Purplemoggy's tutorial.

Blogger Beta Templates

On this page you can find templates for Blogger Beta. Some of them are brand new, specially designed for Blogger Beta. Other ones are Blogger v2 oldies, that have been ported to Blogger Beta. You will find instructions on how to use the templates for your own blog. You can download the full XML-template, or, if you blog is filled with hacks and modifications, only the CSS-skin. A preview of all templates is provided as well. Enjoy!

Instructions
Always make a backup of your old template before uploading a new one.
The templates provided here are based on the most simple blog available: a header, posts, 1 sidebar, and a footer. The sidebar contains only a profile widget and an archives widget.

Some templates are available in 2 versions of the template that you can use: the XML-template, or the CSS-skin.
Some exist of 1 ZIP-file, containing all the stuff you need.

If you upload the XML-template to your blog, all your widgets will be lost. So if you plan to do this, it is best to open all the widgets, copy-paste the contents to a text file, and save it, so that you can add the widgets again after uploading the new template.
If you want to use your old template, but only want to change the skin, use the CSS-skin. Open your template in HTML-mode, and remove the skin-content, that is the part of the code between <b:skin> and </b:skin>, and replace it with the new skin.

Templates

The Hobbit

Get this template now!

Angel Or Evil

Get this template now!

Giraffe

Get this template now!

New 3-column, fluid, peek-a-boo template

You know you really want to have this: it is a three column template, with fluid design, and offering the Super Peek-a-Boo hack.
Also the 1 comments-bug is fixed in this template.

Check out the preview, or download the zip-file (28kB) and install it now!