Creating a Blogger theme from scratch : Elements

This page should be used for reference, it'll give a detail of the attributes we can place against the Blogger specific tags.

<b:section>


Attribute Description Required?
id Unique identifier for the section.
name How Blogger will display the name when viewed in the Layouts tab.
class CSS classes that will be applied to your section when rendered, used for styling.
showAddElement Allows users to add widgets to the section on the Layouts tab.
maxWidgets Assigns a limit to the maximum number of widgets permitted in this section.
growth Options of 'horizontal' or 'vertical' will define whether new widgets are added to the right or the bottom of the section.

preferred A boolean to determine the priority of the section, preferred sections will take higher priority



<b:widget>


Attribute Description Required?
id Unique identifier for the widget.
type Needs to be one of the defined Blogger widget types, these are listed below the table.

locked Boolean all widgets are unlocked by default. Prevents users from moving or deleting the widget from the Layouts tab.
title Displays at the top of the widget, if none is assigned the type will be used with an instance number appended.
pageType Options of 'all','archive','item' or 'main'. Will define which pages the widget will be shown. 'item' pages are posts. 'main' will only appear on the home page. 'all' is used by default.

Widget Types
The below is a list of acceptable blogger widget types. These will be detailed in a later post
  • BlogArchive
  • BlogProfile
  • Blog
  • Feed
  • Header
  • HTML
  • LinkList
  • List
  • Logo
  • Navbar
  • NewsBar
  • SingleImage
  • VideoBar
The below tags should all be contained within a <b:widget> tag

<b:includable>


Attribute Description Required?
id Unique identifier for the includable element. Every each widget must contain one includable elemetn with an id of 'main', this should contain most of the content for your widget.
var A variable name, passed as an argument from the include element.

<b:include>

Attribute Description Required?
name the ID of the includable to call, the includable must be in the same widget as the include element.
data An argument to pass to the includable, for use within the includable.


Tags: , ,