HTML5 and CSS3 blog template

What follows is a really basic blog template entirely written in HTML5 and CSS3. Since Internet Explorer 8 and lower doesn't recognize HTML5 elements in its DOM structure, I've been forced to use the excellent enabling script by Remy Sharp and put it inside a conditional comment. The code is as follows:

<!--[if lt IE 9]>
<script src=""></script>

Another thing to keep in mind is that at the moment of this writing most browsers are not able to assign a default display role to HTML5 elements, so I've used the following CSS rule:

article, aside, footer, header, nav, section, time {
 display: block;


Live demo


ZIP file

7 thoughts on “HTML5 and CSS3 blog template”

  1. @faris: this is a good tutorial to start:
    simply copy my HTML structure and CSS and you're done, of course respecting the Blogger tag scheme. :-)

  2. sorry,i'm new blogger,can you convert that template to blogger template for me! Because i don't how to do it,thx..

  3. At the moment I'm really busy with my work :-( ... but I don't want to let you down, so let me a contact address via email and I'll let you know when I can do that. thanks :-)

Leave a Reply

Note: Only a member of this blog may post a comment.