Framework: Format of Blogspot Template

Blogspot template is hosted on blogspot_blogger.com.  To replace all the things in template is IMPOSSIBLE. We just modify all the the features not the "core".

By modifying blogspot template, we get 3 (three) advantages:

1. We learn how blogspot template is designed. (framework)
2. We learn how the "core" is hosted and build a fantastic cPanel (network)
3. We learn programming XML, HTML, Javascript, CSS and even PHP.

In this following post, I would like to give you the format of blogspot template which is already modified:

From the picture above, we can see that there must be a section with its attribute (e.g. selector "class" & "id").

<b:section class='leftsbar' id='leftsbar' showaddelement='yes'/>
.......................
</b:section>

Then, we can add widget inside the section:

<b:widget id='PlusOne1' locked='false' title='+1 Button' type='PlusOne'></widget>

Note:
A. attribute "locked" with values "false" and "true" is used to decide whether the widget can be modified or permanently built.
To add more widget, we give attribute "maxwidgets"

maxwidgets='1'

"1" is the value of the widget. We can add more than 1 widget in one section. For example;

 <b:section class='navbar' id='navbar' maxwidgets='4' showaddelement='yes'>

B. attribute "type" determines what type of widget is. As we know that, when we click on "add widget" link, we would find twenties widget we can choose based on our needs, such as, profile, logo, pages, link list, blog list, etc.

When the widget is set in "header section", we then name it as "header".

<b:widget id='Header1' locked='true' title='Header' type='Header'>

Please feedback on my twitter: Appacyber_Net if you find something unique in modifying blogspot template.