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:

<head>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

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;
}

Demo

Live demo

Download

ZIP file

7 thoughts on “HTML5 and CSS3 blog template”

  1. @faris: this is a good tutorial to start: http://bradblogging.com/blog-design/how-to-create-your-own-blogger-template-theme/
    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.