This time we will discuss about the basic structure of blogger templates. Especially for those of you who want to create your own template.
When studying the structure of a blogger template, I think it's like studying the structure of a framework, because basically a blogger template is like a structured framework, so when we want to develop our own template, we need to understand the structure ... so that we don't go wrong.
Blogs with the Blogger platform are built using XML. XML (Extensible Markup Language) is a general purpose markup (manipulation) language recommended by the W3C (World Wide Web Consortium) for creating markup documents for the purpose of exchanging data between various systems.
So that documents created using XML can be run on multi-platform OS such as Windows, Linux, Macintosh, Android, and others.
Blog template is the heart of a blog. It manages the blog's design and features. The characteristics of a good blog template have the following minimum criteria:
- Has a design that is easy to set up
- Easy to add and remove features
- Light weight, fast loading
- Responsive display on various screen sizes
- Valid HTML5
- SEO Friendly
Blogger pages themselves have a structure similar to HTML documents in general, namely Header, Post Section, and Footer.
Structure of Blogger Templates
As for the template structure, it is much more complex. Like the picture below
Explanation Part of the structure of the infographic template:
Body
If in template programming, when you go to html edit section, you will find the pattern <html><head></head><body></body></html>.
actually this body is the body of the page (includes display
header, title, post content, comments, sidebar, footer and various
widget (basically the whole computer screen = body).
Outer-Wrapper
If this outer wrapper is the part that covers the template (part of the template's outer border). In general, wrappers are used to place smaller blocks inside. The most common blocks in the Outer-wrapper are Header, Content, and Footer.
Header
This block is the very top. Inside Header can also have sub-blocks, for example: Header Title, Blog Description and others like Google Adsense banner, menu bar, etc. Outside the header or to wrap all the sub-blocks in the header is usually called Header-Wrapper.
Content
Located under the header usually has the name Content-wrapper. Basically this is the most important part of the block. In general, this wrapping section consists of Sidebar blocks (can be 1,2 or more sidebars. Usually the average is a maximum of 3, because if it is more than that, the main section will be smaller) and Main block (which contains the results of posting articles, comment blocks, or multiple ad spaces).
Main
Usually written Main-wrapper is the outermost part of the Main block in which there is a Content-wrapper. Inside the Content-wrapper are Post blocks, Comment blocks, Date Headers, and other sections that can be created from the Add Page Element option. In this part of the game we also can insert other widgets.
Blog Post
This blog section contains the most important functions, such as Post Title, Post, Post Author,
Sidebar
This is a section that can contain all side widgets, such as: About Me, Labels, Archive, Text, HTML, Adsense, but not close
may also contain only 1 widget.
In the standard template from Blogger there is usually 1 sidebar, if there is 1 sidebar then the template consists of 2 columns, namely Main and Sidebar.
However the number of sidebars can be added easily. The most common examples of infographic images created by R4CProject are
has 2 sidebars or means the template has 3 columns.
Footer
If this footer is the bottom of the template. Like the block element in the Header, there is also a Footer-wrapper which contains the footer sections.
Blogger Template Hierarchy
Still don't understand? The following is the structure of the blogger template, if viewed hierarchically, it can be displayed as follows (This hierarchy starts from the Body Tag after the closing Head tag when Editing HTML).
Actually, by understanding the basic structure of this blogger template, we will find it easier to design templates and edit your current blog display template according to your wishes, because you already understand the post or its location, making it easier to improvise.
Hopefully you already have an overview and understanding of the basic structure of blogger templates after viewing this article.