How to Make a Blank Template / HTML Page In Blogger Easy

How to Make a Blank Template / HTML Page In Blogger Easy

Blogger Templates can be very messed up with lots and lots of code. If you are trying to create a Blogger Template from scratch, the first thing you need is a blank HTML page. That’s exactly what we are going to do today.

Blogger Simple Template To Blank Page

Criteria

Blogger won’t allow you to just add the following code as a template :

<html>
<head>
<title>Blank Blog Template</title>
</head>
<body>
</body>
</html>

They will print out errors if you try to save the template. There are certain criteria for making a template for Blogger Blog :

  1. There must be skin (/b: skin) in the template
  2. A template must have at least one /b: section tag
  3. Every section should have a unique id.
  4. Correct Syntax

If the above criteria are met, Blogger won’t produce any errors when saving the template. For creating a blank HTML Template, we will make sure these criteria are met.

Contents Of Blogger Blank Template

As we said before, Blogger Templates should meet the criteria of Blogger. A Blank Blogger Template should contain the following :

  1. Basic HTML Page Tags (Html, head, body) and their closings
  2. Only one /b: skin tag
  3. Need At least a /b: section tag.

Create Template

Make sure your blog is using a Simple Template. If not, apply Simple Template to your blog.

Go to your Blogger Blog  Template and click on the Edit HTML button. Remove the contents of the Template.

We will now add the Basic HTML page to the Template :

<?xml version="1.0" encoding="UTF-8" ?>
<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>
</head>
<body>
</body>
</html>

Head

The contents of the </head> tag are the title, skin, and other elements. We should add the normal codes that are seen on Blogger Templates first :

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> 
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>

Add the title :

<title><data:blog.pageTitle/></title>

Add the Skin with basic CSS that can be changed using Blogger’s Template Designer :

<b:skin>
<![CDATA[/*
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) margin: 0;
padding: 0;
}
]]>
</b:skin>

More styles can be inserted in, but only the body is mentioned here. By adding more style rules into it, you will be easily able to update the colors, background, etc… from the Template Designer.

There are additional CSS files that are loaded by Blogger before. If you want to disable that, see this post.

Body

Blogger needs an element in the template. So, we should add it inside the body.

<b:section id='main' showaddelement='yes'/>

This section is the main section of the blog where we can add gadgets to it.

The Full Code

And the whole Template code would be :

<?xml version="1.0" encoding="UTF-8" ?>
<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>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin>
<![CDATA[/*
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) margin: 0;
padding: 0;
}
]]>
</b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'/>
<!-- Please Keep The Credits -->
<center><a href="//subinsb.com/make-a-blank-blogger-template">Blank Template By subinsb.com</a></center>
</body>
</html>

New Code adding

  • Add additional CSS codes inside /b:skin
  • Add JavaScript codes before  or after 
  • Add HTML codes (widgets, code) inside .
  • You can do all the stuff in this template just like you do it on an HTML page.

If you want to display the Posts, add the following code inside /b: section in the body :

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

Example :

<b:section class='main' id='main' showaddelement='yes'>
 
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

Save your template and check out your blog. You will now have a plain blank template.

Share your love

46 Comments

  1. Greetings! This is my first comment here so I just wanted to
    give a quick shout out and say I truly enjoy reading your posts.

    Can you recommend any other blogs/websites/forums that
    go over the same subjects? Thanks for your time!

  2. I am sure this article has touched all the internet
    visitors, its really really good piece of writing on building up new blog.

  3. Link exchange is nothing else but it is only placing the other person’s website link on your page at
    appropriate place and other person will also do same in favor of you.

  4. Hello! I’m ɑt wοrk browsing yoսr blog from my new iphone 3gs!
    Just wanted to say I ⅼove reading your blog and look forward to all your posts!
    Keер up the outstanding work!

  5. Toyota Prius Battery minnesota
    Toyota Prius Battery minnesota

    It is not my first time to pay a quick visit this website, i am browsing
    this web site dailly and take good data from here everyday.

  6. online casino Malaysia
    online casino Malaysia

    This is your webstore front so people within your niche discover you.
    It is harder to market a broad, vague style.
    Many people suggest not doing this because
    it’s annoying.

  7. คุณลักษณะเด่นของ sagameหมายถึงความมากมายหลายของเกมคาสิโนที่มีให้เลือกสูงที่สุด รวมทั้งนับว่าเป็นช่องทางสำคัญของการเล่นเกมคาสิโนออนไลน์ในยุคนี้ ที่ใช้เงินเล่นพนันไม่มากแม้กระนั้นผลตอบรับที่ได้กลับคืนมาเกินความคาดหวัง พวกเราเป็นเว็บไซต์ที่ยังคงรักษามาตรฐานสูงสุด
    แล้วก็คิดถึงการพัฒนาระบบคาสิโนที่ตอบโจทย์สำหรับผู้เล่นอย่างยอดเยี่ยมที่สุด พวกเราอยากให้คุณรู้สึกอุ่นใจเยอะที่สุดที่ได้เลือกใช้บริการกับพวกเรา มั่นอกมั่นใจเล่นเกมคาสิโนออนไลน์กับ Sa Game จะไม่มีปัญหาการใช้งานอีกทั้งเว็บและหน้าระบบเกิมเดิมพันให้เสียอารมณ์ เล่นได้โดยตลอด
    1 วัน พร้อมด้วยเรามีทีมงานรอให้บริการตอบคำถามหากมีปัญหาการใช้แรงงาน
    ท่านสามารถติดต่อคณะทำงานได้ในทันที

  8. I’m really impressed with your writing skills as smartly as
    with the format to your weblog. Is this a paid theme or did you modify
    it yourself? Either way keep up the excellent
    high quality writing, it is uncommon to peer a nice weblog like this one nowadays..

  9. cheaphttp://www.cheapjordan.ru/sitemap/cheapjordanshoes/sitemap.xml air jordan
    cheaphttp://www.cheapjordan.ru/sitemap/cheapjordanshoes/sitemap.xml air jordan

    Just desire to say your article is as amazing. The clearness in your post is just nice and i can assume you are an expert on this subject.
    Well with your permission allow me to grab your feed to keep up to date with forthcoming post.
    Thanks a million and please carry on the gratifying work.

  10. large applique house flags
    large applique house flags

    I think this is one of the most important information for
    me. And i am glad reading your article. But want
    to remark on few general things, The site style is wonderful, the articles is really great : D.
    Good job, cheers

  11. What a material of un-ambiguity and preserveness of valuable familiarity about unpredicted feelings.

  12. St Paul Carpet Cleaning and Restoration
    St Paul Carpet Cleaning and Restoration

    Great post. I was checking constantly this weblog and
    I am inspired! Very useful information specially the closing section :
    ) I take care of such information a lot.

    I was seeking this particular info for a long time. Thanks and good luck.

  13. It is appropriate time to make some plans for the future and it is time to be happy.

    I have read this post and if I could I wish to suggest
    you some interesting things or suggestions.
    Maybe you could write next articles referring to this
    article. I wish to read more things about it!

  14. Mү family every time say that I am waѕting my time hеre at net,
    except I know I am getting know-hօw every day by
    reading such faѕtidious articles or revіews.

  15. Though some websites takeoff the moment they are presented,
    others struggle to sketch the crowds.

  16. aquasphere goggles
    aquasphere goggles

    Generally I don’t read post on blogs, but I wish to say that this write-up very
    compelled me to take a look at and do so! Your writing style has been amazed me.
    Thanks, very great article.

  17. Every weekend i used to pay a visit this
    website, as i wish for enjoyment, as this this web page conations in fact fastidious
    funny stuff too.

  18. My family always say that I am wasting my time here at web, but I know I am
    getting familiarity every day by reading such nice articles or reviews.

  19. minneapolis home remodeling company
    minneapolis home remodeling company

    It’s in point of fact a nice and useful piece of info.

    I’m satisfied that you just shared this helpful information with us.
    Please keep us informed like this. Thanks for sharing.

  20. Hello everyone, it’s my first go to see at this web site, and post is actually fruitful for me, keep up posting these types of content.

  21. synthetic identity theft services
    synthetic identity theft services

    Hi mates, how is everything, and what you want to say about this paragraph, in my view its truly amazing in support of me.

  22. rodent removal missouri
    rodent removal missouri

    I?m not that much of a internet reader to be honest but
    your sites really nice, keep it up! I’ll go ahead and
    bookmark your site to come back in the future. Many thanks

  23. magnolia lane garden banners
    magnolia lane garden banners

    I like the valuable info you provide in your articles. I’ll bookmark your blog and
    check again here frequently. I’m quite certain I will
    learn a lot of new stuff right here! Good luck for the next!

  24. minneapolis interior remodeling
    minneapolis interior remodeling

    This is very interesting, You are a very skilled blogger.
    I’ve joined your feed and look forward to seeking more of
    your wonderful post. Also, I have shared your website
    in my social networks!

  25. I couldn’t resist commenting. Exceptionally well written!

  26. I used to be recommended this website by way of my cousin. I am not positive whether this submit is
    written via him as nobody else recognize such certain about my problem.
    You are incredible! Thanks!

  27. Thanks in support of sharing such a nice opinion, post is good, thats why i have read it completely

  28. live casino malaysia
    live casino malaysia

    It’s fantastic that you are getting thoughts from this article as well as
    from our argument made at this place.

  29. Minneapolis Upholstery Cleaning
    Minneapolis Upholstery Cleaning

    Hello, Neat post. There is a problem along with your web site in internet
    explorer, might check this? IE nonetheless is the market
    leader and a big component of other folks will omit
    your excellent writing due to this problem.

  30. My brother suggested I might like this blog. He was totally right.
    This post truly made my day. You cann’t imagine just how much
    time I had spent for this information! Thanks!

  31. I delight in, lead to I found just what I was looking for.
    You’ve ended my 4 day lengthy hunt! God Bless you man. Have a nice day.
    Bye

  32. We stumbled over here by a different web address and thought I
    should check things out. I like what I see so now i’m following you.

    Look forward to going over your web page yet again.

  33. I think the admin of this site is actually working hard in favor of his
    website, as here every data is quality based information.

  34. 425884 723165A great clear cut answer and an excellent concept. But how do I post any work on this web site is an additional question. The Foureyed Poet. 118543

  35. Thanks for every other informative website. The
    place else may just I am getting that type of info written in such a
    perfect means? I have a project that I’m simply now working on, and I’ve been at the glance out for such info.

  36. Minneapolis Furniture Cleaning Services
    Minneapolis Furniture Cleaning Services

    Excellent blog right here! Additionally your website lots up fast!
    What host are you using? Can I am getting your affiliate link to your host?
    I wish my web site loaded up as quickly as yours
    lol

  37. Undeniably believe that which you said. Your favorite reason appeared
    to be on the internet the easiest thing to be aware of.
    I say to you, I definitely get annoyed while people think about worries that they plainly don’t know about.
    You managed to hit the nail upon the top and also defined
    out the whole thing without having side effect ,
    people could take a signal. Will probably be back to get more.
    Thanks

  38. St Paul Carpet Restretching
    St Paul Carpet Restretching

    Attractive component to content. I simply stumbled upon your weblog and in accession capital to claim that
    I get actually enjoyed account your weblog posts.
    Anyway I will be subscribing on your feeds and even I achievement you get
    entry to persistently rapidly.

  39. What i don’t understood is in reality how you’re not actually much
    more well-liked than you may be now. You are very intelligent.
    You recognize thus significantly with regards to this subject,
    made me individually imagine it from numerous varied angles.

    Its like women and men aren’t interested until it is something to do with Lady gaga!
    Your own stuffs outstanding. All the time maintain it up!

  40. Minneapolis Upholstery Cleaning Services
    Minneapolis Upholstery Cleaning Services

    Thankfulness to my father who informed me about this
    weblog, this blog is really remarkable.

  41. Highly energetic blog, I liked that bit.
    Will thnere be a pazrt 2?
    webpage

  42. คาสิโน
    คาสิโน

    Hi there, You have done a great job. I will certainly digg it and personally suggest to my friends.
    I am sure they’ll be benefited from this website.

  43. hickory street cafe
    hickory street cafe

    This is very interesting, You are a very skilled blogger. I’ve joined your feed and look forward to seeking more
    of your fantastic post. Also, I’ve shared your site in my
    social networks!

  44. ทางเข้า ufabet มือถือ
    ทางเข้า ufabet มือถือ

    Today, I went to the beach front with my kids.
    I found a sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She placed the shell to her ear and screamed.
    There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is completely off topic but I had to tell someone!

  45. I was suggested this website through my cousin. I’m no longer certain whether this publish is written by him as no one else realize
    such detailed approximately my problem. You are amazing!
    Thank you!

  46. I like it when individuals come together and share opinions.
    Great blog, stick with it!

Leave a Reply