Page elements tags for layouts

The <body> section of a layout theme is made up of sections and widgets.
  • Sections are areas of your page, such as a sidebar, footer.
  • A widget is a page element such as a page, a blogroll, or anything else you can add from the “Page Elements” tab.
You can include any HTML you like around the sections in your theme.

Sections

Each section in your theme has opening and  closing tags that look something like this:
<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
</b:section>
<b:section> tag attributes
  • id – (Required) A unique name, with letters and numbers only.
  • class – (Optional) Common class names are “navbar,” “header,” “main,” “sidebar,” and “footer.” If you change themes later, these names help Blogger determine how to transfer your content.
  • maxwidgets –- (Optional) The maximum number of widgets to allow in this section. If you don't specify a limit, there won't be one.
  • showaddelement – (Optional) Can be “yes” or “no,” with “yes” as the default. This determines whether the Page Elements tab will show the 'Add a Page Element' link in this section.
  • growth – (Optional) Can be 'horizontal' or 'vertical,' with 'vertical' as the default. This determines whether widgets within this section are arranged side-by-side or stacked.
  • Widgets

    A widget is represented by a single tag, which is a placeholder to indicate how the widget should be handled in the Page Elements tab.
    Some examples of widgets (one for a page header and one for a list) are:
    <b:widget id="header" type='HeaderView' locked="yes"/>
    <b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>
    <b:widget id=”BlogArchive1” locked=”false” mobile=”yes” title=”Blog Archive” type=”BlogArchive”/>

No comments:

Post a Comment