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 

6 comments:

  1. I can't stream videos, please help by sharing a template lyk adenaij dot blogspot dot com. Please, am usin a java phone

    ReplyDelete
    Replies
    1. The copy down the Full Code That Defined in The Tutorial Video and directly paste to your Blogger Template Editor, Then save.

      Delete
  2. Can you drop them here, java phones can't even edit html, chai I don't know what to do. No data to watch the video

    ReplyDelete
    Replies
    1. I already said that the code was given in the post under the "Full Code That Defined in The Tutorial Video"

      Delete
  3. Hey your howi.in template is not working when i add to my blogger it said XML psrsing error.....

    ReplyDelete
    Replies
    1. Please share your Blogger address here. I will help you.

      Delete

Wapmaster or Webmaster can Comment Us with the following Comment Box . Don't add Links to your site for Spamming our Blog .. Once you add Comment with Link . It will be deleted immediatly by our Admins .

 
Top