The picture above explains the basic structure of a blog template. before you learn to create or edit a template, it's good to know a little about the template structure of a blog. The following is a little explanation from the image above.
1.Body : Header, Menu, Main wraper / post, Sidebar and footer are placed inside the Body. body is like a human body in which there is a head, body, hands and feet.
An example of simple HTML code is like this:
<html>
<head>
<title> Blog Title </title>
CSS Code
</head>
<body>
<div> header </div>
<div> Nav Menu </div>
<div> Main wrapper </div>
<div> sidebar </div>
<div> footer </div>
</body>
</html>
<head>
<title> Blog Title </title>
CSS Code
</head>
<body>
<div> header </div>
<div> Nav Menu </div>
<div> Main wrapper </div>
<div> sidebar </div>
<div> footer </div>
</body>
</html>
2. Header : In the top position is usually a place to display the blog title, usually also placed as an advertising banner.
An example of simple HTML code is like this:
<b: section class = 'header' id = 'header' maxwidgets = '1' showaddelement = 'no' > < b: widget id = 'Header1' locked = 'true' title = 'Blog Title (Header)' type = 'Header' /> </ b: section >
3 . Menu : This Nav menu is usually used to display the main menu of a blog, and it is not uncommon for someone to insert a search column too.
An example of simple HTML code is like this:
<b: section class = 'navbar' id = 'navbar' maxwidgets = '1' showaddelement = 'no' > < b: widget id = 'Navbar1' locked = 'true' title = 'Navbar' type = 'Navbar' / > </ b: section >
4 . Main Wrapper / Post : This is where the contents of the article or post are, starting from the date of posting the article, the comments column is also posted here.
An example of simple HTML code is like this:
<b: section class = 'main' id = 'main' showaddelement = 'no' > < b: widget id = 'Blog1' locked = 'false' title = 'Blog Posts' type = 'Blog' /> </ b : section >
5. Sidebar : Usually used to display labels / categories, blog archives, most viewed articles, recent comments, etc. or it could be for ad placement.
An example of simple HTML code is like this:
<b: section class = 'sidebar' id = 'sidebar' preferred = 'yes' />
6. Footer : More often used to credit the title of a blog template. There are also those who place the label, the blog owner's profile, in this footer column.
An example of simple HTML code is like this:
<b: section class = 'footer' id = 'footer' showaddelement = 'no' > < b: widget id = 'Attribution1' locked = 'false' title = '' type = 'Attribution' /> </ b: section >
The following is a little explanation of the basic structure of a blog template.