Understanding the Blogger Layout and its page elements
Today we are going see about Blogger Layout and its page elements which is used to design your
blog very easy manner. The blogger Layout is made up of “Section and Elements”. Using
this option you can add sidebar, footer, picture, HTML/JAVASCRIPT, Blogroll,
etc. in your blogger template.
The <body> section of the layouts template is made
up of sections and widgets.
SECTION
Each section in your template has an opening and a
closing tag, looking something like this:
<b:section id='header' class='header'
maxwidgets="1" showaddelement="no">
</b:section>
A <b:section> tag can have the following
attributes:
1. id -
(Required) A unique name, with letters and numbers only.
2. class - (Optional) Common class names are 'navbar,' 'header,' 'main,' 'sidebar,' and 'footer.' If you switch templates later, these names help Blogger determine how best to transfer over your content. However, you can use different names, if you like.
3. maxwidgets - (Optional) The maximum number of widgets to allow in this section. If you don't specify a limit, there won't be one.
4. 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.
5. 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.
2. class - (Optional) Common class names are 'navbar,' 'header,' 'main,' 'sidebar,' and 'footer.' If you switch templates later, these names help Blogger determine how best to transfer over your content. However, you can use different names, if you like.
3. maxwidgets - (Optional) The maximum number of widgets to allow in this section. If you don't specify a limit, there won't be one.
4. 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.
5. 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.
A section can contain widgets; it can't contain other
sections or other code.
Widget
You can add elements in the existing sections which is
available. You can easily add Page Elements by clicking ‘’Add a Gadget “link
like below,
A widget is represented by a single tag, 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”/>
A
widget may have the following attributes:
1. id -
(Required) May contain letters and numbers only, and each widget ID in your
template should be unique. A widget's ID cannot be changed without deleting the
widget and creating a new one.
2. type - (Required) Indicates what kind of a widget it is, and should be one of the valid widget types listed below.
3. locked - (Optional) Can be 'yes' or 'no,' with 'no' as the default. A locked widget cannot be moved or deleted from the Page Elements tab.
4. title - (Optional) A display title for the widget. If none is specified, a default title such as 'List1' will be used.
5. pageType - (Optional) Can be 'all,' 'archive,' 'main,' or 'item,' with 'all' as the default. The widget will display only on the designated pages of your blog. (All widgets display on the Page Elements tab, regardless of thier pageType.)
6. mobile - (Optional) Can be 'yes', 'no,' or ‘only’ with 'default' as the default. This decides if the widget will be displayed on mobile or not. Only Header, Blog, Profile, PageList, AdSense, Attribution will be displayed on mobile when the mobile attribute is 'default.'
2. type - (Required) Indicates what kind of a widget it is, and should be one of the valid widget types listed below.
3. locked - (Optional) Can be 'yes' or 'no,' with 'no' as the default. A locked widget cannot be moved or deleted from the Page Elements tab.
4. title - (Optional) A display title for the widget. If none is specified, a default title such as 'List1' will be used.
5. pageType - (Optional) Can be 'all,' 'archive,' 'main,' or 'item,' with 'all' as the default. The widget will display only on the designated pages of your blog. (All widgets display on the Page Elements tab, regardless of thier pageType.)
6. mobile - (Optional) Can be 'yes', 'no,' or ‘only’ with 'default' as the default. This decides if the widget will be displayed on mobile or not. Only Header, Blog, Profile, PageList, AdSense, Attribution will be displayed on mobile when the mobile attribute is 'default.'
The
types of widgets you can specify are:
2. Blog
3. Feed
4. Header
5. HTML
6. SingleImage
7. LinkList
8. List
9. Logo
10. BlogProfile
11. Navbar
12. VideoBar
13. NewsBar
We will see above widgets in-depth in my further
tutorial.
.jpg)
.jpg)
0 comments:
Post a Comment