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 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).
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.
 |
| 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 <b:include name='quickedit'/> |
 |
| 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