Learn More

Monday, December 12, 2011

How To Making Blogger Template Part 2

Yesterday we talked about the secrets of the template core. Now we want to share knowledge on how to create a section and widgets. We feel this is very important, because without it your own blog would not imply anything. For the layout of the section will be discussed on the next post. What we want now from you is able to understand the basic techniques to make sections and widgets. Therefore, we hope you re-read our post about How to making blogger templates, widgets tags, and section tag.

How to make a section

From our previous post, about section tags, to create a section in general is as follow


If you have defined a widget, then automatically on a Page Element will be created a new area. If you give showaddelement is yes, then in the Page Element will show Add a Gadget, a tool to create a new widget.

Section tag with showaddelement is yes
Section tag with showaddelement is yes

Section tag with showaddelement is no
Section tag with showaddelement is no

One thing you must know, if all section tags in your template is not contain showaddelement=’yes’, then the navbar and the blog post will not show when you open your blog. Section tag with showaddelement=’no’ will contain html code as follow


And if showaddelement=’yes’ then it will contain html code as follow


How to create a widget

Previously we have discussed this before. A widget tag specified by id attribute, and it type value is depend on type of a widget. As example, if your widget is Follow By Email, then the type of your widget is FollowByEmail. Meaning, if blogger.com creates a new widget type, then it will result a new type attribute as well. When this post is on air for the first time, there are 25 type of widget, where 24 type of widget can you create automatically from Page Element and one again is blog post type. For blog post type, you must create it manually from Edit HTML (Design -> Edit HTML).

section type automatic
24 Section type automatic

We give you suggestion, as long as your widget is not blog post widget, and then please create it automatically from Page Element (Design -> Page Element). Don’t forget; put widget tag inside section tag.

How to handle includable tag

Basically, includable tag is not mandatory. But it will more powerful to handle manually from Edit HTML if you give includable tag (as example to specific css type for a widget content). It means, create or not create includable tag inside widget tag, your widget will work. One thing you must now for this tag, all content of a widget is must put inside includable tag.

How to handle include tag

Include tag is also not mandatory. The purpose of this tag is to choose one of the content contained by a widget. Includes are most useful if you have a section of code that you want to repeat multiple times in different places. One example of this include is screwdriver tool on your blog page.

blog page with include tag
Blog page with <b:include name='quickedit'/>

blog page without include tag
Blog page without <b:include name='quickedit'/>

Ok, this is the basic secret how to create a section and a widget. Wait for our next post.

Post a Comment