Blogger Template Designing Tutorial Part 1

Introduction:

Blogger is one of the greatest platforms that used by millions of people to create blog's, 40% of bloggers are making money from their Blogger Blog itself. There are a lot of free blogger templates where available on the internet, but it is very hard to create own blogger template, Because to develop a blogger template the developer must have to know XML, HTML, CSS, Javascript. Today through this article, I am going to teach you the way of creating blogger template from head to toe along with a video tutorial.

Blogger Template Designing Tutorial Part 1: 

To design a blogger template, you have to know all the fundamental's of HTML (Hyper Text Markup Language) Programming Language. Blogger Template Editor will not allow you to add just HTML Tags and save them, Inside the HTML Tags you need to add some XML Tags. Actually blogger template where working with XML Tags such as <b:widget>, <b:section> Etc.

Full Code That Defined in The Tutorial Video:

<html>
<head>
 <b:skin>
 </b:skin>
  </head>
<body>
  <b:section class='main' id='main' showaddelement='yes'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'></b:widget>
  </b:section>
</body>
</html>
The XML Tags that were used in the above Blogger Template Code are clearly explained below one by one. It will help you to understand the importance of each XML Tag.

Use of <b:skin> Tag in Blogger Template:

The <b:skin> Tag is used in blogger template to define from where the CSS program's are start and </b:skin> Tag used to define where the CSS Program's are ending.

Use of <b:section> Tag in Blogger Template: 

In Blogger Template, It consists of Sections to define the Widget XML Tags. All the Widget XML Tag's need to be placed inside the <b:section> Tags.
Example: <b:section>Widget Tag</b:section>.

Use of <b:widget> Widget Tags in Blogger Template:

In Blogger Template, the <b:widget> Tags are used to define the Widget of Blogger. Some Widget tags are pre-defined in Blogger Database, and it can be call by using the Widget Tag.
Example: <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> </b:widget> will call all the Blog Post in the Blog. 

Suggested Article for Blogger Bloggers:

I hope you well enjoyed this article. If you have any doubts or suggestions related to this article and video, you can comment us by using the comment box that given below this posts. Thanks 
 
Top