Syntax of <b:section> Tag:
The syntax of blogger <b:section> tag is like this.<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
/*
Blogger Widget Tags
*/
</b:section>Characteristics Of <b:section> Tag:
The main characteristics of blogger <b:section> tag are:- Each <b:section> tag is placed in between <body>...</body> Tags.
- <b:section> Tag can only contain <b:widget> Tag.
- It cannot be nested.
- The theme must contain at least <b:section> tag with one attribute preferred='true'.
Attributes Used for <b:section> Tag:
There are several attributes that can be used for this tag that are listed under.| Attribute | Description | Strictness |
|---|---|---|
| id | Id is the unique identifier for this tag. | Mandatory |
| class | Class name for the section | Optional |
| name | This attribute contains the name of the section that will be visible in the layout section. If this attribute is not defined then the value of Id will be used as default. | Optional |
| maxwidgets | This attribute defines the maximum number of widgets that can be added to the section. When the maximum number of widgets is reached then "Add New Widget" link will not be appeared in the layout section. | Optional |
| preferred | This attribute defines whether this is the main section of the blog or not. Value should be yes or no | Optional |
| showaddelement | This attribute defines whether to show add new widget link in layout section or not. Default value is yes or true. | Optional |
| cond | This attribute is used for the execution of any condition or expression for the section. | Optional |
HTML output of <b:section> Tag:
when this tag is rendered in HTML then it is replaced by <div>...</div> tags. The class name section will be automatically added to the class attribute for the section and the value no-items is automatically added to the class attribute if the section contains no visible widgets.This XML code will be converted to below HTML code.
<b:section class='header' id='header' name='Header' showaddelement='yes'>
</b:section><div class='header section' id='header' name='Header'>
</div>Preview of <b:section> Tag in Layout Section:
The preview of the section in blogger layout is illustrated below.
Can you explain ?
ReplyDeleteWhat?
DeleteI am sorry I code didn't rendered. I mean, can you also explain b:with blogger tag?
DeleteSoon all the topics will be covered just wait for new articles.
DeletePost a comment
Was this article useful? Please Leave Your Feedback by writing what's in your mind, below.