How To Create Blogger Template From Scratch

at 1 Comments
As we've been always talking about Blogger and blogging, today we're going to make a long discussion on one of the most popular question asked blogger.com users that how to create a blogger template. Many bloggers have asked me this question on Facebook and through other contact services so I thought why not should I make a long post specially for them. Basically, This thing come in Web Design and Development so a person must have these skills in order to create blogger template otherwise reading and understanding this long article will be wasted. Today, I'll not take your too much time in this kind of discussion so let's start discussing about the main topic.

Requirements To Create a Blogger Template

First of all, I would like to mention the requirements which everyone should have fordesigning or creating blogger template because any common man can't easily make blogger templates it needs several skills. The first thing is that, you should know Blogger.com perfectly. How to create blog, making posts and pages, doing little customization, playing with gadgets and also how this platform actually works. After this, The basic knowledge of web design required in which HTML and CSS are most important. In blogger, We can use HTML, CSS, XML and JavaScript. If you know all these languages then you'll not face any problem in designing professional blogger template.

Step 1. Preparing Testing/Demo Blog For Creating Template

It is common thing that before creating any blogger template you'll make the demo blog for that template. So, create a blog and publish more than 10+ posts on it. There should be one image, all heading, 4-5 text paragraphs, numbered list, bullet list and quote in every post. We'll design these each and every thing so make 10+ posts with these all things and also integrate some important widgets in footer or sidebar. After that, you can use any default template on it but soon we'll remove it and design another template on it. 

Step 2. Understanding Basic Structure Of Blogger Template

Before starting the template we should understand the basic structure of blogger template. We can also say that we're going to create simple empty page of blogger template. So, I've prepare the basic coding which will help you to understand basic structure.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>

    <b:include data='blog' name='all-head-content'/>

<title>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <data:blog.pageTitle/>
        <b:else/>
        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
          <data:blog.pageName/> | <data:blog.title/>
          <b:else/>
          Page Not Found | <data:blog.title/>
        </b:if>
      </b:if>
    </title>

    <b:skin><![CDATA[

body {
background:white;
color:black;
}
#Navbar1 {dispaly:none!important;}
]]></b:skin>

</head>
<body>

  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

</body>
</html>

1 comment: