How to HTML in Beta Blogger. ~ The Blog Doctor.

How to HTML in Beta Blogger.

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

How to code HTML in a Beta Blogger Template.......

The Beta Blogger Template consists of the five main parts outlined in Parts of the Template. Of these the first part is where the HTML is declared. The second part consists of the title and the metatags. The third part is peculiar to the beta template and is where the Variable Definitions are defined. The fourth part is where the style of the web page is defined using CSS. The fifth and last part consists of the 'Body' of the web page and it is where HTML plays a major role. The fifth part lies between the <body> and </body> tags.

This is the part where the Sections of a Blog are defined. These Sections are Header, Main, LeftSidebar, RightSidebar and Footer. The Header section is contained in the 'header-wrapper'. Similarly the Footer Section is contained in the 'Footer-wrapper'.
The 'content-wrapper' contains the three sections in the middle : Main, LeftSidebar and RightSidebar. For a diagrammatic representation see : Beta Blogger Template Structure Schematics

Each Section can contain one or many Widgets. For detailed explanation of widgets see The Widgets of Beta Blogger. Each Section is coded like this :

<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>

The first line shows the name of the Section, its id and whether it should show an 'Add Page Element link in the Page Elements subtab under the Template tab. The second, third and fourth lines show the contracted widget code for each widget. If you put a check box in the Expand Widget Templates box at the top of the Template text box then these lines are further expanded into full widget code. The last line of code closes the Section.

All the above five lines of code are included between these two lines :

<div id='main-wrapper'>


which represent the main-wrapper.

Technorati Tags:, ,


Staci said...

I want to add my blinkies to my new blog layout, but since HTML won't work with the new templete I'm going crazy! I've tried it all. I am so confused. Please help me fix this, or tell me how to switch my templete back to the classic old school one that I know how to work with!

vin said...


Blinkies are animated gifs which you can add as a picture element in Blogger layouts. See :

If you want to revert to classic template see :

Jan and Miekie said...

I wanted to blog a Word document, but get the following message: ERROR

Your HTML cannot be accepted: Tag is not allowed: meta equiv Content-Type content text etc. (When I copied the error message onto this comment, I could not post this comment, so I deleted the punctuation marks and the part after html.)

What does this mean? What is wrong with the post? It is not particularly large and contain no pictures or Art. However there are heading - could the heading be the problem? Can you please help me? Thank you

Vin said...

Jan and Miekie,

Use this method to show Word documents in your blog.

Make my day said...

How do I copy a tracker onto my blogspot?
Whenever I try to add it, it gives me: Your template could not be
parsed as it is not well-formed. Please make sure all XML elements are
closed properly.
XML error message: The markup in the document following the root
element must be well-formed.


Vin said...


Paste the code in a HTML gadget.


Skip to top of post.

Search Blog Before Commenting


Post a Comment

Please use the above search box to search this blog before posting your valuable comments.

Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,


The Blog Doctor The Blog Doctor2 Blog Doctor Home


Tips On Blogger and Latest News.

Skip to top of post.