Basic Structure of a Blog Template - Hallo Dear, elisa-head.blogspot.com, This article that you read this time with the title Basic Structure of a Blog Template, We have prepared this article well for you to read and retrieve the information in it. hopefully the contents of we write can be understood by you. Alright, happy reading.

Title : Basic Structure of a Blog Template
link : Basic Structure of a Blog Template

Basic Structure of a Blog Template

[ad_1]

Blog Info. On this occasion I would like to share knowledge about Basic Structure of a Blog Template, which is basically fundamental knowledge for a blogger to be able to successfully develop his blog in the days to come. Knowledge of the basic structure of this blog template can be made by us to modify the appearance of the blogs that we have so that it can be more user friendly.

Basically a template that all bloggers carry is a collection of several widgets. To prove it, please open your blogger, then go to the layout. That's all a collection of widgets that build a blog with a blogger platform. Starting from the header, body, sidebar to footer also uses a widget.

The following is a framework of html codes that build a blog or website:

Blog Title

From this simple html structure then developed to form a website. Okay now we go straight to our main topic.

Blogger Template Structure

To explain the structure of the bogger we will start from the very top structure. The most special thing about bloggers is that we have to declare XML (eXtensible Markup Language). For the XML declaration on blogger, we can see at the top of the template. Next is the default blogger xml declaration.

Element Head

At the head element there are 3 important elements namely for the placement of meta tags, Javascript and CSS that will beautify the template later.

1. Meta tags

The following form of the default meta tag blogger template.

<data:blog.pageTitle/>

Well it looks at the elements above that we declare the all-head-content meta tag. This means that here we use automatic meta tags. If we parse the meta tag again it will be like this:

Wow, there are many, huh? For optimizing meta tags, God willing, later I will discuss in the next article.

Besides the all-head-content declaration we also see the declaration of our blog title. Here are the elements that declare the blog's title: <data:blog.pageTitle/>

2. CSS (Cascading Style Sheet)

Cascading Style Sheets (CSS) are rules for controlling several components in a web so that they will be more structured and uniform. CSS is not a programming language according to wikipedia.org. Simply put CSS is meat that forms the body, so thin and fat that regulates is CSS. Here is an example of CSS in a standard template:

body
font: $ (body.font);
color: $ (body.text.color);
background: $ (body.background);
padding: 0 $ (content.shadow.spread) $ (content.shadow.spread) $ (content.shadow.spread);
$ (body.background.override)

html body $ (page.width.selector)
min-width: 0;
max-width: 100%;
width: $ (page.width);

3. Javascript

Now besides CSS and meta tags, usually the head element is also used as a place to put javascript. Here is one example of java script that is usually placed above the head.

Now the script above is called jQuery and is usually used to run back to top, dropdown menus, etc. Actually we can put scripts on the body, but there are certain scripts that we cannot insert into the body element and inevitably we must place it on the head element.

Body Elements

In this body element, the framework and structure of the blog template are formed. Like the words of this element that forms a template framework :). There are a lot of elements - elements that are in the body. Like the human skeleton in general, the structures that make up the body include:

1. Header

The header is the top component of a template. This is the place to put the blog title and blog description. For advanced template designers they can use the header land to advertise etc. Here's a simple html header builder:

From the above html arrangement it appears that the header is a locked widget, so if you look at the header layout it cannot be deleted because it has been locked.

2. Navbar

Actually this navbar is at the top too. Even the location above the header, navbar itself serves to make it easier for us to log out from bloggers and when they want to re-edit the template. But for templates that have been modified usually the navbar is hidden. Here is the navbar structure I meant:

3. Play Blog

Play or we usually call a blog post. From a brief explanation, it is clear here the place where our post will be displayed: D. The framework of the main builder (blog posts) very much starting from the post title, post date, until the comment box are all here. Build html code Main blog / blog post:

If you see for yourself, there will be a lot of elements in building this blog post.

4. Sidebar

Sidebar is like a human hand. In this sidebar element, people usually place popular posts, labels, and advertisements. The html builder sidebar code is:

5. Footer

Footer is the lowest element in the blogger tempate structure. Here people usually put credit templates. The html builder footer code is:

Thus the description of the Basic Structure of a Blog template, may be useful as additional knowledge.

[ad_2]

Thus the article Basic Structure of a Blog Template

So this article, Basic Structure of a Blog Template hopefully can benefit you all. ok, see you in another article post.

You are now reading the article Basic Structure of a Blog Template with the link address https://elisa-head.blogspot.com/2019/10/basic-structure-of-blog-template_11.html